Today’s free design resource is a pack of free vector icons embedded in a webfont designed to be clean and simple keeping with a generic aesthetic. You can use for instant HiDPI or to easily change colors on the fly.
The pack contains 123 icons as of today and it’s flexible icon font for blogs.
How To Integrate To Your Theme:
– Download the pack
– Place the font folder in your stylesheet directory and paste this in your CSS file:
@font-face {
font-family: 'Genericons';
src: url('font/genericons-regular-webfont.eot');
src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/genericons-regular-webfont.woff') format('woff'),
url('font/genericons-regular-webfont.ttf') format('truetype'),
url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
font-weight: normal;
font-style: normal;
}
Note: The above only works if you don’t use a CDN. If you do, or don’t know what that is, you should use the syntax that’s embedded in genericons.css.
