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