mirror of
https://github.com/iconoir-icons/iconoir
synced 2024-06-07 16:32:26 +02:00
parent
0d787b524c
commit
773d84f287
|
@ -63,7 +63,7 @@ You can switch between icons from the right sidebar in the editor.
|
||||||
Import the CSS File:
|
Import the CSS File:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lucaburgio/iconoir@main/css/iconoir.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css">
|
||||||
```
|
```
|
||||||
|
|
||||||
Here is an example in HTML:
|
Here is an example in HTML:
|
||||||
|
@ -73,6 +73,9 @@ Here is an example in HTML:
|
||||||
```
|
```
|
||||||
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 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).
|
||||||
|
|
||||||
## Figma
|
## Figma
|
||||||
|
|
||||||
The library is available in the Figma community [here](https://www.figma.com/community/file/983248991460488027/Iconoir-Pack).
|
The library is available in the Figma community [here](https://www.figma.com/community/file/983248991460488027/Iconoir-Pack).
|
||||||
|
|
|
@ -85,7 +85,9 @@ const tasks = new Listr(
|
||||||
path.join(__dirname, '../icons/', file)
|
path.join(__dirname, '../icons/', file)
|
||||||
)
|
)
|
||||||
.toString()
|
.toString()
|
||||||
.replace(/\n/g, '');
|
.replace(/\n/g, '')
|
||||||
|
.replace(/(width|height)="[0-9]+"/g, '')
|
||||||
|
.replace(/[ ]+/g, ' ');
|
||||||
content.push(
|
content.push(
|
||||||
`.iconoir-${
|
`.iconoir-${
|
||||||
path.parse(file).name
|
path.parse(file).name
|
||||||
|
|
|
@ -17,5 +17,5 @@
|
||||||
}
|
}
|
||||||
*[class^="iconoir-"],
|
*[class^="iconoir-"],
|
||||||
*[class*=" iconoir-"] {
|
*[class*=" iconoir-"] {
|
||||||
display: block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue