Back

Icon

Available for: React framework logo Ruby programming language logo

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.

GUI Icons

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

Display Icons

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

Social Icons

discord
facebook
github
glassdoor
linkedin
twitter
google
stackoverflow
youtube

Other

quote