Icon
Available for:
Display icons. Uses <use> to insert SVG's. Assumes the spritesheet is already present on the page (this can be done with core/load-sprites.js). Takes the following arguments:
| Parameter | Optional | Default | Type | Description |
|---|---|---|---|---|
| name | No | String | Which icon to display; matches entry in spritesheet. | |
| size | Yes | 0.75rem | String | Size of the icon, applies to both width and height. Must be a valid CSS width. |
| color | Yes | String | Color of the icon. Depends on icons being drawn with strokes the currentColor property being applied to all svgs. Meant to use tailwind color classes (i.e. text-white). | |
| additionalCss | Yes | String | Additional classes to add on the svg element. |
icon-gui-ably-badge
icon-gui-arrow-bidirectional-horizontal
icon-gui-arrow-bidirectional-vertical
icon-gui-arrow-down
icon-gui-arrow-left
icon-gui-arrow-right
icon-gui-arrow-up
icon-gui-burger-menu
icon-gui-check-circled-fill
icon-gui-check-circled-fill-black
icon-gui-check-circled
icon-gui-checklist-checked
icon-gui-clock
icon-gui-close
icon-gui-cross-circled-fill
icon-gui-cross-circled
icon-gui-copy
icon-gui-dash-circled
icon-gui-disclosure-arrow
icon-gui-document-generic
icon-gui-enlarge
icon-gui-external-link
icon-gui-history
icon-gui-info
icon-gui-link-arrow
icon-gui-live-chat
icon-gui-minus
icon-gui-plus
icon-gui-quote-marks-solid
icon-gui-refresh
icon-gui-search
icon-gui-tick
icon-gui-warning
icon-gui-link
icon-gui-filter-flow-step-1
icon-gui-filter-flow-step-2
icon-gui-filter-flow-step-3
icon-gui-resources
icon-display-48hrs
icon-display-about-ably-col
icon-display-api
icon-display-api-keys
icon-display-asset-tracking-col
icon-display-browser
icon-display-calendar
icon-display-call-mobile
icon-display-careers-col
icon-display-case-studies-col
icon-display-chat-stack-col
icon-display-cloud-servers
icon-display-compare-tech-col
icon-display-customers-col
icon-display-docs-col
icon-display-documentation
icon-display-examples-col
icon-display-gdpr
icon-display-general-comms
icon-display-hipaa
icon-display-it-support-access
icon-display-it-support-helpdesk
icon-display-laptop
icon-display-lightbulb-col
icon-display-live-chat
icon-display-map-pin
icon-display-message
icon-display-padlock-closed
icon-display-platform
icon-display-play
icon-display-privacy-shield-framework
icon-display-quickstart-guides-col
icon-display-resources-col
icon-display-sdks-col
icon-display-servers
icon-display-shopping-cart
icon-display-sla
icon-display-chat-col
icon-display-soc2-type2
icon-display-tech-account-comms
icon-display-tutorials-demos-col
icon-display-integrations-col
icon-display-virtual-events-col
icon-live-updates-results-metrics-col
icon-multi-user-spaces-col
discord
facebook
github
glassdoor
linkedin
twitter
google
stackoverflow
youtube
quote