SymbolKit
/
Using SymbolKit with CSS

Using SymbolKit with CSS

To use SymbolKit in a web project, import our CSS File:


<link rel="stylesheet" href="https://raw.githubusercontent.com/Nevuqe/SymbolKit/main/css/symbolkit.css">

Here is an example in HTML:


<i class="symbolkit-hand-brake"></i>

The class must always be "symbolkit-" and then the name of the icon.

The icons are display: inline-block and default to the current font size. You can control this by adjusting the ::before styles of the element (which is where the icons are added as a mask).

Last updated on 3 April 2023