Icon

Component name: <v-icon>

Examples

Basic

Use the src attribute to display custom icons:

Icon + text

Use v-icon to prepend text with an icon:

Icon sizes

Custom sizes

Use the width and height attribute to display custom icon sizes:

Cards

API

Name Type Description Default
name String Icon identifier.

Valid values: check-circle, attachment
-
src String Icon url.

Valid value: Image URL
-
size Number Defines the size of the icon.

Valid values: xxsmall, xsmall, small, medium, large
medium

Notice

All other properties that are not defined above, will be passed to the component as html attributes. This is especially useful for adding the class attribute.