We've updated our documenation to align with our other frameworks. Our new documenation will
live here and these pages will be removed.
Icons
Denali’s icon library offers hundreds of icons in outline and solid styles that have been carefully crafted to ensure a coherent and unified UI.
Implementation
To access icons in the Denali Icon Library create an <i> or <span> tag with the .d-icon class followed by the .d-$icon-name class that corresponds to the icon you would like to use. For a list of all icon names visit Denali icons page.
To use an icon as a link wrap your <i> or <span> tag in an <a> tag. You can modify an icon link's appearance using the .sub action and .inverse classes.
Default icon links
By default icon links adopt standard link styling.
When using an icon as a link, you are creating functional images that must have appropriate alt tags to describe the icon.
Icon sizes
Icons are available in variety of sizes. Implement these sizes by adding the .is-extrasmall, .is-small, .is-medium, or .is-large classes to <i> or <span> tags.