Icons are delightful, beautifully crafted symbols which we use to visually communicate core elements of a product and available actions. They are an important part of our brand, so we craft each icon according to our established standards, rather than pull them from third-party libraries.
By default, many of our icons possess a fill opacity of 0.65. In order to override this opacity, one must:
Additionally, Icons are offered with the following property variables:
Icon fill color
<div> <InfoIcon size='large'> <title> Info Icon </title> </InfoIcon> <InfoIcon size='regular'> <title> Info Icon </title> </InfoIcon> <InfoIcon> <title> Info Icon </title> </InfoIcon> </div>