@iconify-react/foundation

Icon set prefix: foundation

Icon set name: Foundation

Author: Zurb

License: MIT

Repository: https://github.com/zurb/foundation-icon-fonts

Browse all icons: Preview Foundation

Installation

npm install github:iconify/icons-react#foundation

Usage

For full documentation visit Iconify website.

Few usage examples:

import SampleIcon from '@iconify-react/foundation/graph-trend';

function Test() {
  return (
    <SampleIcon />
  );
}

To resize icon, set width and/or height parameters:

import SampleIcon from '@iconify-react/foundation/indent-more';

function Test() {
  return (
    <SampleIcon height="1em" />
  );
}

To change icon color, use style:

import SampleIcon from '@iconify-react/foundation/lock';

function Test() {
  return (
    <SampleIcon style={{color: 'red'}} />
  );
}