Scarlab Icons

Scarlab Icons is a collection of more than 2800 simply, beautiful and open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

npm install @scarlab-icons/vue

Include

import { SolidSquareIcon, SolidCircleIcon } from '@scarlab-icons/vue/solid'
import CircleIcon from '@scarlab-icons/vue/outline/circle'

Use

<CircleIcon
    width="32"
    height="32"
    stroke-width="3"
    style="color: #ff6800;"
/>

Figma

Scarlab Icons is available as a Figma component library. To use the components, log in to your Figma account and duplicate the file to your drafts.

Or you can use Scarlab Icons as a Figma plugin