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.
Configuration
@mixin spr-config-icons()
Configures Sprout icons tokens by recursively merging in the provided map.
Getter Functions
@function spr-icon-name-tokens()
Get the map of icon-name tokens.
Requires
$spr-tokens-icons (map)
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.