Alexa Icon Package
The Alexa icon package (
alexa-icon) provides a set of icons defined in Alexa Vector Graphics (AVG) format. Use these icons in your Alexa Presentation Language (APL) documents with the
AlexaIcon responsive components.
Import the alexa-icon package
To use the package, add the
alexa-icon package to the
import array in your document. The latest version of the
alexa-icon package is
Example of the
imports section of a document:
Use an icon on the AlexaButton component
AlexaButton responsive component can display an icon from the icon package. Set the
buttonIconName parameter on
AlexaButton to the name of the icon from the library.
The following example shows multiple buttons that include the icon, some with a button title and some without.
Display an icon from the package
To display an icon in your APL document
- Add the
alexa-iconpackage to the
importarray in your document.
- In your
mainTemplateor in a layout, add the
- Set the
iconNameproperty for the
AlexaIconcomponent to the name of the icon to display.
The following example shows four different icons from the library.
iconColor property as shown in the example to create contrast with the dark background, or use the
light theme to display black icons against a light background.
Was this page helpful?
Last updated: Nov 28, 2023