Iconography Tokens

These tokens define the icons available in the Sprout design system.

$spr-tokens-icons (map)

scss
$spr-tokens-icons: (
  icon-name: (
    _default: '_default',
    add-circle: 'add-circle',
    add: 'add',
    address-book: 'address-book',
    alert-fill: 'alert-fill',
    alert: 'alert',
    arrow-forward: 'arrow-forward',
    arrow-left: 'arrow-left',
    arrow-right-circle: 'arrow-right-circle',
    arrow-right: 'arrow-right',
    bank: 'bank',
    bell-badge: 'bell-badge',
    bell: 'bell',
    calendar: 'calendar',
    camera: 'camera',
    carat-down: 'carat-down',
    carat-left: 'carat-left',
    carat-right: 'carat-right',
    carat-up: 'carat-up',
    card-hand: 'card-hand',
    change: 'change',
    chat: 'chat',
    check-fill: 'check-fill',
    check-stroke: 'check-stroke',
    check: 'check',
    chevron-left: 'chevron-left',
    chevron-right: 'chevron-right',
    clients: 'clients',
    close: 'close',
    download: 'download',
    duplicate: 'duplicate',
    edit: 'edit',
    email: 'email',
    envelope: 'envelope',
    facebook: 'facebook',
    faq: 'faq',
    filter: 'filter',
    funding: 'funding',
    graph-up: 'graph-up',
    graph: 'graph',
    hamburger: 'hamburger',
    help: 'help',
    history: 'history',
    info-fill: 'info-fill',
    info: 'info',
    instagram: 'instagram',
    indeterminate-fill: 'indeterminate-fill',
    items: 'items',
    kabbage: 'kabbage',
    link-out: 'link-out',
    linkedin: 'linkedin',
    loading: 'loading',
    more: 'more',
    payments: 'payments',
    pending: 'pending',
    phone: 'phone',
    print: 'print',
    product: 'product',
    search: 'search',
    security: 'security',
    select-arrows: 'select-arrows',
    service-item: 'service-item',
    services: 'services',
    settings: 'settings',
    sign-in: 'sign-in',
    sign-out: 'sign-out',
    social-media: 'social-media',
    store: 'store',
    transaction: 'transaction',
    trash: 'trash',
    twitter: 'twitter',
    unlock: 'unlock',
    upload: 'upload',
    user: 'user',
    visibility-off: 'visibility-off',
    visibility-on: 'visibility-on',
    void: 'void'
  )
) !default;

A map containing all icon tokens.

Map Properties

icon-name: (map)

Icon-name tokens are used pull the correct icon from the cdn.

Used By

Configuration

@mixin spr-config-icons()

Configures Sprout icons tokens by recursively merging in the provided map.

Requires

Getter Functions

@function spr-icon-name-tokens()

Get the map of icon-name tokens.

Requires

Used By

@function spr-icon-name()

@function spr-icon-name()

Get a icon-name value given a icon-name token.

Parameters

$icon-name-token: (string)

A Sprout icon-name token, such as void or _default.

Requires

@function map-get-strict()