Once you've installed the Glyphs.co script, created a kit, and added icons to your kit, you're ready to place your selected icons on your site. To do so, grab the icon's code snippet, which can be found by hovering over an icon and click "Quick Use" or viewing an icon's "Icon Detail." The code snippet will look something like this:

<svg class="glyph offset heart-subtract"><use xlink:href="#offset-heart-subtract"/></svg>

You can use this anywhere on your site: header, footer, body, sidebar, etc. To style it, use its classes. You can style all Glyphs.co icons by using the "glyph" class. To style all icons in the set, you can use the "offset" style. Or to specify this one icon, you would use all three "glyph offset heart-subtract", or svg.glyph.offset.heart.subtract in your CSS.

← Using the Glyphs App Styling with CSS →