Beetle emoji favicon

🪲 Beetle Favicon — Convertir Emoji en Favicon | favicon.im

Convertissez l'emoji Beetle (🪲) en favicon pour votre site. Téléchargez en plusieurs tailles (16x16 à 512x512), personnalisez couleurs et forme. Convertisseur gratuit emoji vers favicon.

Télécharger

Infos Emoji

Nom 🪲 Beetle
Unicode U+1FAB2
Catégorie Animals & Nature
Mots-clés
beetle

Comparaison des Plateformes

Beetle Twemoji Twemoji
Beetle Noto Noto

Favicons Emoji Similaires

Variantes de Style

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

Personnalisez Votre Favicon

#ffffff
Télécharger 512x512
Custom preview

Comment Utiliser

Ajoutez le favicon emoji Beetle converti à votre site avec ces extraits de code. Copiez et collez simplement pour convertir cet emoji en 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' },
      ]
    }
  }
})

Favicons Emoji Associés