4fb0c67369
Update because of the new iconoir.css file. |
||
---|---|---|
.github/ISSUE_TEMPLATE | ||
bin | ||
fonts | ||
iconjar | ||
icons | ||
packages | ||
src | ||
.gitignore | ||
.prettierrc.json | ||
CODE_OF_CONDUCT.md | ||
CONTRIBUTING.md | ||
FUNDING.yml | ||
LICENSE | ||
package-lock.json | ||
package.json | ||
README.md |
Iconoir is an open source library with 900+ SVG Icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.
Basic Usage
You can download any icon of the pack directly from https://iconoir.com or get them from the repository.
Font
Iconoir is available in .EOT, .SVG, .TTF, and .WOFF. Get them in the /fonts folder. If you want to use Iconoir in a HTML file, you just need to add the iconoir.css file.
Import the CSS File:
<link rel="stylesheet" href="https://raw.githubusercontent.com/lucaburgio/iconoir/master/fonts/iconoir.css">
Here is an example in HTML:
<span class="iconoir-hand-brake"></span>
The name of the icon must always be inserted as the class. You can find it here.
React
A React library is available to install under the name iconoir-react
. For more details, see the package README.
Framer
Iconoir is happily part of Framer now. To start using the icons: On the top menu, Insert
> Graphics
> Iconoir
.
You can switch between icons from the right sidebar in the editor.
Figma
The library is available in the Figma community here.
License
MIT License