@scarlab/icons-react 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-react

Table of Contents

• Usage
• Customization
• Figma
• License

Usage

import { CircleIcon } from '@scarlab/icons-react/outline'

class Component extends React.Component {
  render() {
    return <h3> Cool circle <CircleIcon /> </h3>
  }
}

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.