Icon

v5.12.2Edit this page

Find a list of available icons and how to use them on the Storybook: http://docs.nerdwallet.io/react-icon/branches/master

Install

Loading...

Loading examples...

Props

Using icons

To improve page load speed, the recommended way to consume icons from this library is to use the SVG icons directly:

This obviates the need to download the entire icon font. You'll need to switch your app over to using entirely SVG icons to see the benefit.

Inline

If you're showing an icon inline with other text, you can use the textAligned prop to automatically adjust the vertical alignment of the icon to look better next to text:

The following icon sets are available:

  • nerdwallet-ui – nerdwallet-brand