Beautiful material style file type icons in a simple react component.
npm install material-file-icons
Beautiful material style file type icons packaged in a single JavaScript file.
Source of icons is the Material Icon Theme for VS Code. All credit for icon design should go there. This is also the place for placing requests for adding new icons.
> Version 1.x of this library was React specific, since 2.0 this library is made to be framework agnostic.
- Zero dependencies.
- Contains 377 unique icons.
- Can automatically select icon based on file name.
- Uses SVG images that can scale to any dimensions.
- All icons are bundled in a single file of about 475 kB minified.
- Although primarily focused on file types used in software development, other common file types are also included.
``sh`
npm install --save material-file-icons
React:
`js
import { getIcon } from 'material-file-icons';
function FileIcon({ filename, style, className }) {
return
export default FileIcon;
`
Vue:
`html
`
Svelte:
`html
API
$3
The Icon type definition
ts
{
name: string, // The name of the icon e.g. 'javascript'.
svg: string, // The actual SVG content ' extensions: Array?, // List of extensions this Icon should be applied to.
files: Array? // List of complete filenames this icon should be applied to.
}
`$3
The default 