Herb emoji favicon

🌿 Herb Favicon — Emoji naar Favicon Converteren | favicon.im

Converteer de Herb 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 🌿 Herb
Unicode U+1F33F
Categorie Animals & Nature
Trefwoorden
herb

Platformvergelijking

Herb Twemoji Twemoji
Herb Noto Noto

Vergelijkbare Emoji Favicons

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

Stijlvarianten

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

Pas Je Favicon Aan

#ffffff
Downloaden 512x512
Custom preview

Hoe te Gebruiken

Voeg de geconverteerde Herb 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%258C%25BF%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%258C%25BF%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%258C%25BF%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%258C%25BF%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%258C%25BF%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%258C%25BF%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%258C%25BF%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%258C%25BF%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%258C%25BF%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 Mushroom favicon Mushroom Maple Leaf favicon Maple Leaf Fallen Leaf favicon Fallen Leaf Leaf Fluttering In Wind favicon Leaf Fluttering In Wind Shamrock favicon Shamrock