@hig/icon

HIG Icon component

Stats

stars ๐ŸŒŸissues โš ๏ธupdated ๐Ÿ› created ๐Ÿฃsize ๐Ÿ‹๏ธโ€โ™€๏ธ
139237Jun 24, 2021Apr 3, 2017Minified + gzip package size for @hig/icon in KB

Readme

Icon

Autodesk tool icons have a distinctive style. Although they donโ€™t need to communicate complex interactions, the HIG icons should complement these icons, and look like they belong to the same family of products.

Read more about where and how to use icons on the website.

Getting started

yarn add @hig/icon

Import the component and CSS

import Icon from '@hig/icon';
import '@hig/icon/build/index.css';

Typical usage

Use the name prop to render a provided icon by name.

<Icon name="assets" />

Specifying a smaller size

<Icon name="assets" size="16" />

Providing a custom SVG

import myIcon from 'my-icon.svg';

function MyComponent() {
  return <Icon svg={myIcon} />
}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.