Nuxt•5mo ago

Nuxt3 favicon

Does Nuxt3 automatically all types of favicons? If not where is the documentation regarding favicons. I exported my favicons in all types like apple and android and would like them to be used.

3 Replies

localhostess•5mo ago

I just use an svg in my projects, so its scalable to any size nuxtConfig:

app: {
    head: {
        link: [
            { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' }

app: {
    head: {
        link: [
            { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' }

Put the image in the /public dir https://nuxt.com/docs/api/nuxt-config#head

harlan•5mo ago

if you want tags to be automatically generated for icons you can use Nuxt SEO Experiments

harlan•5mo ago

https://nuxtseo.com/experiments/guides/app-icons

Nuxt SEO

App Icons · Nuxt SEO

Learn how metadata files work with logos.

Gaming

Programming

Nuxt3 favicon