Keycap * emoji favicon

*️⃣ Keycap * Favicon — Emoji in Favicon umwandeln | favicon.im

Wandeln Sie das Keycap *-Emoji (*️⃣) in ein Favicon für Ihre Website um. Download in mehreren Größen (16x16 bis 512x512), Farben und Form anpassen. Kostenloser Emoji-zu-Favicon-Konverter.

Herunterladen

16x16 32x32 48x48 180x180 512x512

Emoji-Info

Name *️⃣ Keycap *
Unicode U+2A-U+FE0F-U+20E3
Kategorie Symbols
Schlüsselwörter
keycap

Plattformvergleich

Keycap * Twemoji Twemoji
Keycap * Noto Noto

Ähnliche Emoji-Favicons

Keycap 9 favicon Keycap 9 Keycap 10 favicon Keycap 10 Keycap 6 favicon Keycap 6 Keycap 7 favicon Keycap 7 Keycap 8 favicon Keycap 8

Stilvarianten

Keycap * White Square White / Square
Keycap * White Rounded White / Rounded
Keycap * White Circle White / Circle
Keycap * Black Square Black / Square
Keycap * Black Rounded Black / Rounded
Keycap * Black Circle Black / Circle
Keycap * Dark Blue Square Dark Blue / Square
Keycap * Dark Blue Rounded Dark Blue / Rounded
Keycap * Dark Blue Circle Dark Blue / Circle
Keycap * Light Gray Square Light Gray / Square
Keycap * Light Gray Rounded Light Gray / Rounded
Keycap * Light Gray Circle Light Gray / Circle
Keycap * Blue Square Blue / Square
Keycap * Blue Rounded Blue / Rounded
Keycap * Blue Circle Blue / Circle
Keycap * Green Square Green / Square
Keycap * Green Rounded Green / Rounded
Keycap * Green Circle Green / Circle

Favicon Anpassen

#ffffff
Herunterladen 512x512
Custom preview

Verwendung

Fügen Sie das konvertierte Keycap *-Emoji-Favicon mit diesen Code-Snippets zu Ihrer Website hinzu. Einfach kopieren und einfügen, um dieses Emoji in Ihr Website-Favicon umzuwandeln.

HTML

<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%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*%25EF%25B8%258F%25E2%2583%25A3%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Verwandte Emoji-Favicons

Blue Square favicon Blue Square Purple Square favicon Purple Square Brown Square favicon Brown Square Black Large Square favicon Black Large Square Red Square favicon Red Square Orange Square favicon Orange Square Yellow Square favicon Yellow Square Green Square favicon Green Square