A font-based collection of icons
If you don't need to modify the options then this is the reccomended version to use.
- Download the glyph package. Copy
kv-glyph.css
andkv-glyph.ttf
into the desired path. - Add the stylesheet to your website.
<link rel='stylesheet' href='path/to/kv-glyph.css' type='text/css' media='all' />
- Ready! 🎉
Add the class kvg
and kvg-class-of-glyph
to a given element. The glyph will
be added as a :before
pseudo-element.
<button id="my-bookmark-button" class="kvg kvg-symbol__bookmark">Bookmark</button>
Alternatively, you may add glyphs by directly referencing the font family
KV Glyph
and using the individual characters. For a reference of characters
you may go to http://kver.ca/kv-glyph/.
#my-bookmark-button:before {
font-family: "KV Glyph";
content: "\e991";
}