In this section

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
$quote

Arrows

$arrow-up
$arrow-down
$arrow-left
$arrow-right

Chevrons

$chevron-up
$chevron-down
$chevron-left
$chevron-right
$chevron-left-bold
$chevron-right-bold

Media Controls

$play
$pause
$play-circle
$play-circle-outline
$fast-forward
$fast-backward

Social

$x
$facebook
$linkedin
$instagram
$youtube
$bluesky
$bluesky-outline
$skype
$xing
$rss
$tiktok