Quasar q-icon to use icon in assets folder

user_9313109 0
Viewed 3706

I have an icon named "home.svg" in my assets folder. how can I direct my q-icon component to get the icon inside the assets/ directory.

I have tried applying this way:

  <q-icon name="img:/assets/home.svg" class="text-dark" style="font-size: 32px;" />

but the image is not being rendered.

enter image description here

quasar quasar-framework vue.js
1 Answers

You want to use the default slot. And see Asset Resolving Rules.

<q-icon class="text-dark" size="lg">
  <img src="~assets/home.svg" />
</q-icon>
user_36345380
Related