Beetle emoji favicon

🪲 Beetle Favicon — Emoji naar Favicon Converteren | favicon.im

Converteer de Beetle 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

Emoji Info

Naam 🪲 Beetle
Unicode U+1FAB2
Categorie Animals & Nature
Trefwoorden
beetle

Platformvergelijking

Beetle Twemoji Twemoji
Beetle Noto Noto

Vergelijkbare Emoji Favicons

Stijlvarianten

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

Pas Je Favicon Aan

#ffffff
Downloaden 512x512
Custom preview

Hoe te Gebruiken

Voeg de geconverteerde Beetle 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%25AA%25B2%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%25AA%25B2%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%25AA%25B2%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%25AA%25B2%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%25AA%25B2%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%25AA%25B2%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%25AA%25B2%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%25AA%25B2%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%25AA%25B2%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Gerelateerde Emoji Favicons