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 ``` Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.