MD File Icons
Material Design Icons Based On CSS
Quick start
- Download the latest release.
- Clone the repo:
git clone https://github.com/djamel-kr/md-file-icons.git - Install with npm:
npm install md-file-icons
Structure
md-file-icons/
└── dist/
└── md-file-icons.css
Documentation
Import CSS file
<link rel="stylesheet" href="path_folder/md-file-icons/dist/md-file-icons.css"/>Add the class .md-file
<div class="md-file"></div>
Add an inner text to the element
<div class="md-file">TXT</div>
You can use an icon, check Fontawesome
<div class="md-file"><i class="fas fa-music"></i></div>
For different sizes, use these classes
.md-file-sm | default | .md-file-lg | .md-file-xl
For different colors, use these classes
.md-file-red
.md-file-pink
.md-file-purple
.md-file-deep-purple
.md-file-indigo
.md-file-blue
.md-file-light-blue
.md-file-cyan
.md-file-teal
.md-file-green
.md-file-light-green
.md-file-lime
.md-file-yellow
.md-file-amber
.md-file-orange
.md-file-deep-orange
.md-file-brown
.md-file-grey
.md-file-blue-grey
LICENSE
- Copyright (c) 2019 The MD File Icons Author - MIT License