Usage
Icons are used to signify functionality like a link that opens in a new window or the direction a table column is sort. Icons may also be used as navigation elements like links to social media sites.
Style
The monochrome color and strong strokes create a simple and graphic icon style that is highly legible.
Accessibility
Each icon uses a double class selector.
HTML
class="ucla-icon arrow-down"
CSS
.ucla-icon.arrow-down {
color: var(--ucla-blue);
}We've also added a role="img", and aria-labelled property with an attribute referencing a title id.
This icon set has been optimized with [SVGO](https://jakearchibald.github.io/svgomg/) and are available in the assets folder of this repository. They are inline for display on this page.