Skip to content

djamelkorei/md-file-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Material Design Icons logo

MD File Icons

Material Design Icons Based On CSS

Quick start

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