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} />
}