Icons

A collection of all icons used, exported as React components.

Getting started

Install @urbaninfrastructure/react-icons from NPM by running yarn add @urbaninfrastructure/react-icons.

The icon components can then be imported from @urbaninfrastructure/react-icons, Remember, only import the icons you need:

import { Bike as BikeIcon } from '@urbaninfrastructure/react-icons'
function App() (
  <BikeIcon color="primary" />
)

Icons can be customized using color and size:

Example

<BikeIcon color="state.error" />
<BikeIcon color="primary" size="68px" />

Small icons

Small icons are optimized for 24px sizes.

Large icons

Large icons are optimized for larger presentations. Use these for page illustrations. They have uneven gutters inside the SVG which makes them bad options for use in buttons.