4.32.2

Brand Icons

Displays brand icons from the Skylab Asset Library

Demo

API

Tag

Name	Description
`<aui-icon>`	Custom Element

Attributes

Name	Value	Required	Description
`name`	string		Name of the brand icon in the Skylab Asset Library: `https://assets.avalara.com/skylab-images/icons`.
`alt`	string		Alternate text for the image.
`size`	`min` \| `std` \| `max`		Size of the image. `min` is 60x60px. `std` is 84x84px. `max` is 108x108px. Defaults to `std`.
`color`	`blue-dark` \| `gray-darker` \| `orange-medium`		Color of the image. Defaults to `blue-dark`.

Properties

Name	Value	Required	Description
`name`	string		Name of the brand icon in the Skylab Asset Library: `https://assets.avalara.com/skylab-images/icons`.
`alt`	string		Alternate text for the image.
`size`	`min` \| `std` \| `max`		Size of the image. `min` is 60x60px. `std` is 84x84px. `max` is 108x108px. Defaults to `std`.
`color`	`blue-dark` \| `gray-darker` \| `orange-medium`		Color of the image. Defaults to `blue-dark`.

Demo

API

Tag

Name
`<AuiIcon>`

Props

Name	Value	Required	Description
`path`	string		Name of the brand icon in the Skylab Asset Library: `https://assets.avalara.com/skylab-images/icons`.
`alt`	string		Alternate text for the image.

Skylab React links

General information about using our React package

Illustration Names

Guidelines

Design

Design resources can be found on the Skylab design documentation site: skylab.avalara.com