@scarlab/icons-vue v1.0.6

Scarlab Icons

What is Scarlab Icons?

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

scarlab-icons

npm install @scarlab/icons-vue

Table of Contents

• Usage
• Customization
• Figma
• License

Usage

<template>
    <circle-icon />
</template>

<script>
import { CircleIcon } from '@scarlab/icons-vue/outline'

export default {
    components: {
        CircleIcon
    }
}
</script>

Customization

Change color

<circle-icon color="#fb923c" />
<circle-icon style="color: #fb923c;" />

Change stroke width

<circle-icon stroke-width="1" />
<circle-icon stroke-width="2" />

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.

License

Scarlab Icons is licensed under the MIT License.