Iconoir - CSS

Import the CSS file:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"
/>

Here is an example in HTML:

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

The class must always be "iconoir-" and then the name of the icon. You can find the names of the icons here.

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).

More?
If you would like to use Iconoir on a different library or if you want to contribute to support a new library, open a feature request in our official GitHub repository.
Iconoir Logo
Parts of this content are ©2020-2024 by individual Iconoir contributors. Content available under a MIT License.