- CSS 96.1%
- TypeScript 2.5%
- JavaScript 0.5%
- C++ 0.4%
- CMake 0.4%
08adaa2cd1Bumps [path-to-regexp](https://github.com/pillarjs/path-to-regexp) and [express](https://github.com/expressjs/express). These dependencies needed to be updated together. Updates `path-to-regexp` from 0.1.7 to 0.1.10 - [Release notes](https://github.com/pillarjs/path-to-regexp/releases) - [Changelog](https://github.com/pillarjs/path-to-regexp/blob/master/History.md) - [Commits](https://github.com/pillarjs/path-to-regexp/compare/v0.1.7...v0.1.10) Updates `express` from 4.19.2 to 4.21.0 - [Release notes](https://github.com/expressjs/express/releases) - [Changelog](https://github.com/expressjs/express/blob/4.21.0/History.md) - [Commits](https://github.com/expressjs/express/compare/4.19.2...4.21.0) --- updated-dependencies: - dependency-name: path-to-regexp dependency-type: indirect - dependency-name: express dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> |
||
|---|---|---|
| .github | ||
| .vscode | ||
| bin | ||
| css | ||
| docs | ||
| examples | ||
| iconoir.com | ||
| icons | ||
| packages | ||
| .eslintignore | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc.json | ||
| analysis_options.yaml | ||
| CODE_OF_CONDUCT.md | ||
| CONTRIBUTING.md | ||
| FUNDING.yml | ||
| LICENSE | ||
| NAMING_CONVENTION.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
Iconoir
What is Iconoir?
Iconoir is an open-source library with 1500+ unique SVG icons, designed on a 24x24 pixels grid.
Basic Usage
You can download any icon of the pack directly from https://iconoir.com or get them from this repository.
The icons are also available via the iconoir NPM package:
| npm | Yarn | pnpm | Bun |
|---|---|---|---|
npm i iconoir |
yarn add iconoir |
pnpm add iconoir |
bun add iconoir |
Example usage:
import Iconoir from 'iconoir/icons/iconoir.svg';
React
A React library is available under the name iconoir-react.
For more details, see the package README.
React Native
A React Native library is available under the name iconoir-react-native.
For more details, see the package README.
Vue
A Vue library is available under the name @iconoir/vue.
For more details, see the package README.
Flutter
A Flutter library is available under the name iconoir_flutter.
For more details, see the package README.
Framer
Iconoir is happily part of Framer.
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.
Swift Package
To add Iconoir-swift to your Xcode project, follow these steps:
- In Xcode, open your project and navigate to File > Swift Packages > Add Package Dependency...
- Enter the repository URL:
https://github.com/iconoir-icons/iconoir-swift.git - Choose the branch or version you want to add, and click Next.
- Select the target where you want to use the package, then click Finish.
UIKit
import UIKit
import Iconoir
let imageView = UIImageView(image: Iconoir.bell.asUIImage)
SwiftUI
import SwiftUI
import Iconoir
struct ContentView: View {
var body: some View {
Iconoir.bell.asImage
.foregroundColor(.blue)
.font(.system(size: 24))
}
}
License
MIT License.