# 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
attribute to display icons in custom 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 |
alt | String | Alternate text | - |
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.