On this page
Options
Outlined and filled
Every icon comes in two forms: outlined, the usual form, light beside text, and filled, for what is selected or an icon that stands alone.
- Navigation and tabs fill the icon of the place that is selected, so it stands out from the rest.
Every icon
Thousands of icons come with envUI: search them by name, switch to filled, and choose one to see how to use it.
Behaviour
Icons follow their text
An icon takes the color and the size of the words around it, so in a button, a menu or a message it always matches its label, in every theme.
Rules
An icon beside a label adds nothing for a screen reader, so it stays silent.
- An icon that stands alone, such as a button that is only an icon, gets a name of its own.
Logos and own icons
envUI comes with no logos. Show the application's logo, and an icon envUI doesn't have, with Graphic: it takes the same sizes and slots as envUI's icons.
Words to use
Ask an agent for icons in these words, and name the icon you chose from the list above.
- An icon button
A button that is only an icon, with a name that screen readers say.
- An icon before the label
An icon at the start of a button or a menu item.
- A filled icon
The filled form, for what is selected or stands alone.
- Our own logo or icon
The app's own mark or an icon envUI lacks, at envUI's sizes.
- The icon's name
The icon you chose from the list, such as Settings, so the agent uses that one.