Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        


Iconic Icons


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.


Browse at iconic.app →

## 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`.