deblan
/
iconoir
mirror of https://github.com/iconoir-icons/iconoir
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
337 Commits
2 Branches
40 Tags
9.4 MiB
TypeScript 51.7%
CSS 25.8%
Dart 21.5%
JavaScript 0.4%
C++ 0.3%
Other 0.2%
 
 
 
 
 
 
main
feat-naming-convention
v6.5.0
v6.4.1
v6.4.0
v6.3.0
v6.2.1
v6.2.0
v6.1.1
v6.1.0
v6.0
v5.5.2
v5.5.1
v5.5
v5.4.1
v5.4
v5.3.2
v5.3.1
v5.3.0
v5.2.0
v5.1.4
v5.1.3
v5.1.1
v5.1
v5.0
v4.9.2
v4.9.1
v4.9
v4.8.1
v4.8
v4.7.1
v5.1.2
v4.7
v4.6
v4.5.1
v4.5
v4.4
v4.3.1
v4.3.0
v4.2.2
v4.2.1
v4.2
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
Go to file
lucaburgio 9599cc9ca2 Release Version v6.5.0 4 days ago
.github docs: removed bits info in bug_report 2 months ago
assets fix: 2nd cover update 7 months ago
bin feat: upgrade flutter SVG version 1 week ago
css Update build artifacts 4 days ago
docs feat: add iconoir.com and React contexts (#185) 7 months ago
iconoir.com add: 21 new icons 4 days ago
icons add: 21 new icons 4 days ago
packages Release Version v6.5.0 4 days ago
.eslintrc.cjs Enhance build process & update artifacts 1 year ago
.gitignore Introduce iconoir-react-native package, unify build script 2 years ago
.npmrc feat: add iconoir.com and React contexts (#185) 7 months ago
.prettierrc.json Introduce iconoir-react-native package, unify build script 2 years ago
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md 2 years ago
CONTRIBUTING.md chore: rename master to main 7 months ago
FUNDING.yml Update FUNDING.yml 8 months ago
LICENSE Create LICENSE 2 years ago
README.md fix: update README for a cleaner page on website 3 weeks ago
analysis_options.yaml feat(flutter): create package (#173) 9 months ago
constants.js feat: upgrade flutter SVG version 1 week ago
meta-data.json Update build artifacts 4 days ago
package.json Release Version v6.5.0 4 days ago
pnpm-lock.yaml chore: update lockfile 2 months ago
pnpm-workspace.yaml feat: add iconoir.com and React contexts (#185) 7 months ago

README.md

Iconoir

What is Iconoir?

Iconoir is an open-source library with 1300+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.

Browse at iconoir.com →

Basic Usage

You can download any icon of the pack directly from https://iconoir.com or get them from this repository.

Additionally, the icons are available via the iconoir NPM package:

yarn add iconoir
# or
npm i iconoir

Example usage:

import Iconoir from 'iconoir/icons/iconoir.svg'

React

A React library is available to install under the name iconoir-react. For more details, see the package README.

React Native

A React Native library is available to install under the name iconoir-react-native. For more details, see the package README.

Flutter

A Flutter library is available to install under the name iconoir_flutter. 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.

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

Figma

The library is available in the Figma community here.

License

MIT License