npm package: @scarlab-icons/vue
Description: A set of free MIT-licensed Vue components with SVG icons.
Author: moorlex
Latest version: 3.0.0

<p align="center"><a href="https://scarlab-icons.la-moore.ru" target="_blank" rel="noopener noreferrer"><img width="100" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjMuMyIgY29sb3I9IiNmZjY4MDAiIHdpZHRoPSI3MSIgaGVpZ2h0PSI3MSI+PHBhdGggZD0iTTE2Ljg2NiA0LjQ4OWMtLjI1NS43NTMtLjg2NSAxLjQwNS0xLjc2MSAxLjg1YTcuMSA3LjEgMCAwIDEtMy4xMDQuNjY4IDcuMDUgNy4wNSAwIDAgMS0zLjEtLjY2N2MtLjk3Mi0uNDctMS42MS0xLjIwNS0xLjgyMi0yLjA0My0uMTQ3LS41OC0uOTA2LS40NDYtMS4zNzEtLjA2OS0uNDg5LjM5Ni0uOTQuODM4LTEuMzQ1IDEuMzE4LS4xOC4yMTEtLjI3NS40OTktLjE1NS43NDkuMDguMTY4LjE5OC4zMTYuMzQzLjQzM2wuMzQ2LjI4IDMuNDk0IDIuODNjLjI1Mi4yMDUuNTk4LjIzLjkxNS4xNTVhMi40IDIuNCAwIDAgMSAuNTU3LS4wNjVoNC4yNzVxLjMzNyAwIC42Ni4wOTJjLjMyOC4wOTQuNjkzLjA3Ni45NTgtLjEzOGwxLjQ5LTEuMjA2IDIuMDU5LTEuNjY5LjM0Ni0uMjhjLjE0NC0uMTE2LjI2LS4yNjUuMzQtLjQzM2EuMzcuMzcgMCAwIDAtLjA1NC0uMzggMTAgMTAgMCAwIDAtMS40NjctMS41NGMtLjUzMi0uNDUyLTEuMzgtLjU0Ny0xLjYwNC4xMTUiPjwvcGF0aD48cGF0aCBkPSJNMTQuMzU4IDQuODVjLjM2Ni0uMTgzLjk3NS0uNTguOTc1LTEuMThhMS4xIDEuMSAwIDAgMC0uNDUtLjgzNCAyLjQgMi40IDAgMCAwLS41MjUtLjM0NyA1LjQgNS40IDAgMCAwLTIuMzU5LS40ODggNS4zNiA1LjM2IDAgMCAwLTIuMzU0LjQ4OHEtLjI4Ni4xMzktLjUyNS4zNDdhMS4xIDEuMSAwIDAgMC0uNDU0LjgzNGMwIC42LjYxMy45OTcuOTggMS4xOGE1LjQgNS40IDAgMCAwIDIuMzUzLjQ4OSA1LjQgNS40IDAgMCAwIDIuMzU5LS40ODhNMTQuODk1IDEyLjM1NWEuNzYuNzYgMCAwIDEtLjMuNjA1bC0xLjEwNC44MzQtLjY1OC41MDEtLjA3NS4wNThhMS4yNSAxLjI1IDAgMCAxLTEuNTEzIDBsLS4wNzktLjA1OC0xLjc2Mi0xLjM0M2EuNzUuNzUgMCAwIDEtLjMtLjYwNS43NS43NSAwIDAgMSAuMy0uNjA1Ljc0Ljc0IDAgMCAxIC40NDUtLjE0Nmg0LjI3NWMuMTY2IDAgLjMyNy4wNTQuNDU5LjE1NGwuMDgzLjA3NWEuNzMuNzMgMCAwIDEgLjIzLjUzTTIyIDEyLjAxM2MwIDIuNTEtLjk0MyA0LjkzLTIuNjQgNi43NzdhMTAgMTAgMCAwIDEtNS42MjggMy4wODFjLS40OC4wODUtLjg5OC0uMzAyLS44OTgtLjc5di00LjMwOWMwLS4zNy4yNTItLjY4NS41NzYtLjg2NHEuMTg4LS4xMDIuMzU3LS4yMzJsMS44NDItMS40MDJhMi40IDIuNCAwIDAgMCAuOTQtMi4xODRjLS4wNC0uMzU2LjA0OC0uNzM0LjMyNi0uOTZsMi43OS0yLjI2YS44My44MyAwIDAgMSAuNTItLjE4N2wuOTc5LS4wMDRjLjE4NyAwIC4zMjYuMTUzLjM4Mi4zMzEuMjk2Ljk0NC40NTUgMS45NDkuNDU1IDIuOTl6TTExLjE2NyAxNi43OWMwLS4zNzMtLjI1NS0uNjktLjU4NC0uODY2YTMgMyAwIDAgMS0uMzU0LS4yMjNsLTEuODM3LTEuNDAyYTIuNDEgMi40MSAwIDAgMS0uOTMyLTIuMjkzYy4wNTYtLjM3Mi0uMDI1LS43NzUtLjMxNy0xLjAxMmwtMi42MS0yLjExOWEuODMuODMgMCAwIDAtLjUyNS0uMTg3SDIuODMzYy0uMTg3IDAtLjMyNi4xNTUtLjM4Mi4zMzRBMTAgMTAgMCAwIDAgMiAxMnYuMDI2YzAgMi41MS45NDMgNC45MjkgMi42NDEgNi43NzZhMTAgMTAgMCAwIDAgNS42MjcgMy4wODJjLjQ4LjA4NC44OTktLjMwMi44OTktLjc5eiI+PC9wYXRoPjwvc3ZnPg==" alt="Scarlab logo"></a></p>

<p align="center">
  <a href="https://www.npmjs.com/package/@scarlab-icons/vue"><img src="https://img.shields.io/npm/v/@scarlab-icons/vue?color=%23cb0000" alt="npm version"></a>
  <a href="https://www.npmjs.com/package/@scarlab-icons/vue"><img src="https://img.shields.io/npm/dm/@scarlab-icons/vue" alt="npm version"></a>
</p>

# [Scarlab Icons](http://scarlab-icons.la-moore.ru/)
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.

```shell
npm install @scarlab-icons/vue
```

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

### Use

```html

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

## Figma
Scarlab Icons is available as a [Figma component library](https://www.figma.com/community/file/1051907827478622063/Scarab-Icons). 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](https://www.figma.com/community/plugin/1053846082213772972/Scarlab-Icons)