Broccoli emoji favicon

🥦 Broccoli Favicon — Konwertuj Emoji na Favicon | favicon.im

Konwertuj emoji Broccoli (🥦) na favicon dla swojej strony. Pobierz w wielu rozmiarach (16x16 do 512x512), dostosuj kolory i kształt. Darmowy konwerter emoji na favicon.

Pobierz

Info o Emoji

Nazwa 🥦 Broccoli
Unicode U+1F966
Kategoria Food & Drink
Słowa Kluczowe
broccoli

Porównanie Platform

Broccoli Twemoji Twemoji
Broccoli Noto Noto

Podobne Favicony Emoji

Warianty Stylu

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

Dostosuj Swój Favicon

#ffffff
Pobierz 512x512
Custom preview

Jak Używać

Dodaj skonwertowany favicon emoji Broccoli do swojej strony za pomocą tych fragmentów kodu. Skopiuj i wklej, aby przekonwertować to emoji na favicon strony.

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%25A5%25A6%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%25A5%25A6%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%25A5%25A6%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%25A5%25A6%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%25A5%25A6%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%25A5%25A6%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%25A5%25A6%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%25A5%25A6%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%25A5%25A6%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

PowiÄ…zane Favicony Emoji