Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dubdubdubco/iconicicons
Free “do wtf you want with” pixel-perfect icons.
https://github.com/dubdubdubco/iconicicons
icon-pack icons react vue
Last synced: about 2 months ago
JSON representation
Free “do wtf you want with” pixel-perfect icons.
- Host: GitHub
- URL: https://github.com/dubdubdubco/iconicicons
- Owner: dubdubdubco
- Created: 2021-05-03T09:35:28.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-09T14:54:44.000Z (almost 2 years ago)
- Last Synced: 2024-10-08T00:03:24.693Z (2 months ago)
- Topics: icon-pack, icons, react, vue
- Language: JavaScript
- Homepage: https://iconic.app
- Size: 1.76 MB
- Stars: 314
- Watchers: 10
- Forks: 9
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- jimsghstars - dubdubdubco/iconicicons - Free “do wtf you want with” pixel-perfect icons. (JavaScript)
README
Iconic is a free “do wtf you want with” set of pixel-perfect icons.
Available as basic SVG icons and via first-party React and Vue libraries.## Basic Usage
The quickest way to use these icons is to simply copy the source for the icon you need from [iconic.app](https://iconic.app/) and inline it directly into your HTML:
```html
```
## React
First, install `@iconicicons/react` from npm:
```sh
npm install @iconicicons/react
```Now each icon can be imported individually as a React component:
```js
import { BatteryIcon } from '@iconicicons/react'function MyComponent() {
return (
...
)
}
```Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.
## Vue
First, install `@iconicicons/vue` or `@iconicicons/vue3` from npm:
```sh
npm install @iconicicons/vue // for Vue 2
npm install @iconicicons/vue3 // for Vue 3
```Now each icon can be imported individually as a Vue component:
```vue
...
import { BatteryIcon } from '@iconicicons/vue'
export default {
components: { BatteryIcon }
}```
Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.