HIG Icon component


0.2.13 years ago4 years agoMinified + gzip package size for @hig/icon in KB



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.