@naturacosmeticos/natds-icons

@naturacosmeticos/natds-icons

Natura Design System - Icons

These are the icons used by @naturacosmeticos/natds-web, if you are already using the library, you probably do not need to install them.

Installation

You can still use them by installing directly into your package with:

# with npm
npm install --save @naturacosmeticos/natds-icons

# with yarn
yarn add @naturacosmeticos/natds-icons

The fonts and the generated css and json files are exported as:

import {
  iconNames, // the .json
  iconStyles, // the .css
  NatdsIconsEot,
  NatdsIconsSvg,
  NatdsIconsTtf,
  NatdsIconsWoff,
  NatdsIconsWoff2
} from '@naturacosmeticos/natds-icons';

For use on web environments, you will need to serve the fonts and consume the css file as you see fit. One possible way is to just create a simple (jsx) component like:

import { iconNames } from '@naturacosmeticos/natds-icons';
import '@naturacosmeticos/natds-icons/dist/natds-icons.css';

const Icon = (props) => (
  <i className={`natds-icons-${props.name}`} />
);

You can also import the json that contains the relationships between the icon names and their unicode counterparts (don't rely on the unicodes, they are generated automatically)

import {
  NatdsIconsTtf,
  iconNames
} from '@naturacosmeticos/natds-icons';

Contributing

To contribute, please check out our contributing file CONTRIBUTING