2023-09-27 23:50:19 +02:00
|
|
|
# Iconoir - CSS
|
2022-08-28 20:12:09 +02:00
|
|
|
|
2023-09-27 23:50:19 +02:00
|
|
|
Import the CSS file:
|
2022-08-28 20:12:09 +02:00
|
|
|
|
|
|
|
|
```html
|
2023-09-27 23:50:19 +02:00
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"
|
|
|
|
|
/>
|
2022-08-28 20:12:09 +02:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Here is an example in HTML:
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<i class="iconoir-hand-brake"></i>
|
|
|
|
|
```
|
2023-09-27 23:50:19 +02:00
|
|
|
|
2023-01-16 16:56:52 +01:00
|
|
|
The class must always be "iconoir-" and then the name of the icon. You can find the names of the icons [here](https://iconoir.com).
|
|
|
|
|
|
|
|
|
|
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).
|
2022-08-28 20:12:09 +02:00
|
|
|
|
|
|
|
|
<SuggestLibrary />
|
