# Icon

Icons can live within other components, such as buttons. They should inherit the color set on that component.

Icons have a default color, but can be styled with any color.

Icons have a default size, but can be resized to any of the predetermined icon sizes from our design tokens.

The Icon svg defaults to `display: inline` but can be set to `display: block` with the `block` property.