Quasar q-icon to use icon in assets folder
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.
Solution
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>
- How to set and change ( title of page ) in inertiajs and vue3
- How to import jQuery into $ in a Vue.js 3 / Vite application
- Redirecting of HTTP request on Vite-Vue app - DEV mode
- Vue | Module has no default export
- Vue.js iterate complex object by data key
- QR Code Generator Not Working as Expected
- Generate PDF with puppeteer without save it
- PrimeVue InputNumber's width exceeds the width of its parent
- CORS - Response to preflight request doesn't pass access control check: It does not have HTTP ok status
- Vue 3 - "Failed to resolve component" with global components
- How check if Vue is in development mode?
- Black flash issue when toggle the visibility of symbol pin on azure map
- ENOLOCK npm ERR! Error while running npm audit fix
- Detect Back Button in Navigation Guards of Vue-Router
- vue.js when sorting grid only values is updated, not HTML
- Vue3 @update:modelValue NOT working on objects?
- Failed to resolve component: google-pay-button
- Vue.js 3 - instance without a component?
- Vuejs 3 query value in Json Object based on key
- How to expose @click event handler on a slot to parent so the parent can bind it to an element passed to that slot with v-bind like in Vuetify?
- Vue - passing a data list to child component
- Vue.js - How to call method from another component
- How to change primary color on primevue?
- Vue-cli 3 Environment Variables all undefined
- Is there a way to remove the "Add Image" button of AssetManager of grapesjs editor in a vue component
- How can I get query parameters from a URL in Vue.js?
- How to use components in v-html
- Setting Cookies Domain with pinia persisit store on Nuxt 3
- Sitemap generation for Nuxt3
- Change vuetify v-field label font size