Icons
Copy CSS
Use in SCSS files via @include mixins.icon($menu).
Pass a size in px as the second argument to override the default
24px.
Example: @include mixins.icon($close, 20px)
Variables are defined in _variables.scss.
Copy SVG
Use directly in HTML or PHP templates.
Control size with a modifier class on the <svg> element.
icon--s = 16px
icon--m = 24px (default)
icon--l = 32px
General
$search$close$menu$plus$minus$clock$calendar$map-pin$link$link-external$download$checked$warning-icon$loading / $spinner$redo2$wheelchair-alt$info$comment$heart$person$hand$benefit$event$sound$zoom-in$zoom-out$quoteArrows
$arrow-up$arrow-down$arrow-left$arrow-rightChevrons
$chevron-up$chevron-down$chevron-left$chevron-right$chevron-left-bold$chevron-right-boldMedia Controls
$play$pause$play-circle$play-circle-outline$fast-forward$fast-backwardSocial
$x$facebook$linkedin$instagram$youtube$bluesky$bluesky-outline$skype$xing$rss$tiktok