Mushroom emoji favicon

🍄 Mushroom Favicon — Emoji naar Favicon Converteren | favicon.im

Converteer de Mushroom emoji (🍄) naar een favicon voor je website. Download in meerdere formaten (16x16 tot 512x512), pas kleuren en vorm aan. Gratis emoji naar favicon converter.

Downloaden

16x16 32x32 48x48 180x180 512x512

Emoji Info

Naam 🍄 Mushroom
Unicode U+1F344
Categorie Animals & Nature
Trefwoorden
mushroom

Platformvergelijking

Mushroom Twemoji Twemoji
Mushroom Noto Noto

Vergelijkbare Emoji Favicons

Leafless Tree favicon Leafless Tree Empty Nest favicon Empty Nest Nest With Eggs favicon Nest With Eggs Maple Leaf favicon Maple Leaf Fallen Leaf favicon Fallen Leaf

Stijlvarianten

Mushroom White Square White / Square
Mushroom White Rounded White / Rounded
Mushroom White Circle White / Circle
Mushroom Black Square Black / Square
Mushroom Black Rounded Black / Rounded
Mushroom Black Circle Black / Circle
Mushroom Dark Blue Square Dark Blue / Square
Mushroom Dark Blue Rounded Dark Blue / Rounded
Mushroom Dark Blue Circle Dark Blue / Circle
Mushroom Light Gray Square Light Gray / Square
Mushroom Light Gray Rounded Light Gray / Rounded
Mushroom Light Gray Circle Light Gray / Circle
Mushroom Blue Square Blue / Square
Mushroom Blue Rounded Blue / Rounded
Mushroom Blue Circle Blue / Circle
Mushroom Green Square Green / Square
Mushroom Green Rounded Green / Rounded
Mushroom Green Circle Green / Circle

Pas Je Favicon Aan

#ffffff
Downloaden 512x512
Custom preview

Hoe te Gebruiken

Voeg de geconverteerde Mushroom emoji favicon toe aan je website met deze codefragmenten. Kopieer en plak om deze emoji om te zetten naar je site-favicon.

HTML

<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D32/w/32/h/32/output/png">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D16/w/16/h/16/output/png">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D180/w/180/h/180/output/png">

Next.js (app/layout.tsx)

export const metadata = {
  icons: {
    icon: [
      { url: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D32/w/32/h/32/output/png', sizes: '32x32', type: 'image/png' },
      { url: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D16/w/16/h/16/output/png', sizes: '16x16', type: 'image/png' },
    ],
    apple: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D180/w/180/h/180/output/png',
  },
}

Nuxt 3 (nuxt.config.ts)

export default defineNuxtConfig({
  app: {
    head: {
      link: [
        { rel: 'icon', type: 'image/png', sizes: '32x32', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D32/w/32/h/32/output/png' },
        { rel: 'icon', type: 'image/png', sizes: '16x16', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D16/w/16/h/16/output/png' },
        { rel: 'apple-touch-icon', sizes: '180x180', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%258D%2584%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Gerelateerde Emoji Favicons

Leafless Tree favicon Leafless Tree Empty Nest favicon Empty Nest Nest With Eggs favicon Nest With Eggs Maple Leaf favicon Maple Leaf Fallen Leaf favicon Fallen Leaf Leaf Fluttering In Wind favicon Leaf Fluttering In Wind Herb favicon Herb Shamrock favicon Shamrock