@lidofinance/icons

Icon Components

React components for Lido Finance projects. Part of Lido UI Components

Install

yarn add @lidofinance/icons

Usage

import { ArrowBottom } from '@lidofinance/icons'
import { Lock } from '@lidofinance/icons'

Check out our Storybook at https://ui.lido.fi

Icons

The list of icons is available at https://ui.lido.fi/?path=/story/images-icons--list

Adding a new icon

1. Place the .svg file to the src/svg folder.
2. If you would like the icon's colour to be adjustable, set its paths fill to black: <svg><path fill="black"/></svg>. Otherwise, no adjustments are needed.
3. Run convert script from the root repository folder: yarn workspace @lidofinance/icons run convert or from current folder: yarn convert

That's it. The new component should appear in the src/index.tsx file.