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.