Vuetify icon size

You can give icon size in px using size property in Vuetify icons.

<v-icon size="25">home</v-icon>

Oryou can use x-small, small, medium, large and x-large in v-icon tage.g.

<v-icon small >home</v-icon>

css vue.js vuejs2 stylus vuetify.js

Unfortunately in the current version (0.17.6) you will need css to create a custom icon size.

If you wanted to set a custom default size of your icons across your app you will need to target it will css.

To target icons size you can use the following:

.icon {  font-size: 20px;}

If you are using Vuetify v1.0.0-alpha.1 or later, <v-icon> component has a size attribute which you can use to set an exact size.

css vue.js vuejs2 stylus vuetify.js

here is the sample inline css from v-icon

<v-icon style="font-size: 5px;">home</v-icon>

here is my sample pen

CodeHunter