Snazzy File Icons

File Icons Made with CSS

START UP

Import CSS file
<link rel="stylesheet" href="PATH_FOLDER/snazzy-file-icons.css"/>

To use Snazzy file icon add class
.snazzy-file

To specify the type add a Text inside the element
html

html

You can add an icon, check Fontawesome
<i class="fas fa-music"></i>

SIZES

Small size
.snazzy-file-sm

html

Normal size
default

html

Large size
.snazzy-file-lg

html

Extra Large size
.snazzy-file-xl

html
COLORS

html

.snazzy-file-red

html

.snazzy-file-pink

html

.snazzy-file-purple

html

.snazzy-file-deep-purple

html

.snazzy-file-indigo

html

.snazzy-file-blue

html

.snazzy-file-light-blue

html

.snazzy-file-cyan

html

.snazzy-file-teal

html

.snazzy-file-green

html

.snazzy-file-light-green

html

.snazzy-file-lime

html

.snazzy-file-yellow

html

.snazzy-file-amber

html

.snazzy-file-orange

html

.snazzy-file-deep-orange

html

.snazzy-file-brown

html

.snazzy-file-grey

html

.snazzy-file-blue-grey