Icon
Component name: <v-icon>
Examples
3F Design icons
The component comes with a range of built-in 3F Design icons:
Icon + text
Use v-icon to prepend text with an icon:
Icon sizes
Custom icons
Use the src attribute to display custom icons:
Cards
API
| Name | Type | Description | Default |
|---|---|---|---|
| icon | String | Icon identifier. Valid values: See section on 3F Design icons above. | - |
| 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.