v5.13.1 Edit this page

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


Loading examples...


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.


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