7 utility glyphes, 89 website logos, 384 icons :
Each logo provided in 3 sizes :
4 variants for each logo :
Whatever the pack you choose, it'll contain some sprite sheets
with a CSS file for a quick use and a little bit of perfs.
It'll also provide you every PNG icon for specific purposes.
2.0 MB
4.1 MB
+ Trending websites
6.4 MB
If you're using icons alone, you obviously don't need any installation.
For sprite sheet use, simply unzip the downloaded archive,
and add a link to the CSS in your HTML document :
<link rel="stylesheet" href="monsterflat/monsterflat-1.0.css" media="all">
Please note the images/ folder is optionnal, you can remove it.
Select your icon by using the mf-<website> class :
<i class="mf-32 mf-monsterflat"></i>
Choose the size with mf-32, mf-64 and mf-128 classes :
<i class="mf-32 mf-monsterflat"></i> <i class="mf-64 mf-monsterflat"></i> <i class="mf-128 mf-monsterflat"></i>
Use the reversed version by adding the -r suffix :
<i class="mf-32 mf-monsterflat-r"></i>
Use the square version by adding the mf-square classe :
<i class="mf-32 mf-monsterflat mf-square"></i>
Combine both options to get the reversed square version :
<i class="mf-32 mf-monsterflat-r mf-square"></i>
Tip : you can move the mf-square class to a container :
<div class="mf-square"> <i class="mf-32 mf-monsterflat"></i> <i class="mf-64 mf-monsterflat"></i> <i class="mf-128 mf-monsterflat"></i> </div>
