https://github.com/Make-Lemonade/iconicicons

Free “do wtf you want with” pixel-perfect icons.
https://github.com/Make-Lemonade/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/Make-Lemonade/iconicicons
• Owner: Make-Lemonade
• Created: 2021-05-03T09:35:28.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-09T14:54:44.000Z (over 1 year ago)
• Last Synced: 2024-07-29T16:38:33.174Z (about 2 months ago)
• Topics: icon-pack, icons, react, vue
• Language: JavaScript
• Homepage: https://iconic.app
• Size: 1.76 MB
• Stars: 309
• Watchers: 8
• Forks: 8
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• jimsghstars - Make-Lemonade/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.





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