Beetle emoji favicon

🪲 Beetle Favicon — Converter Emoji em Favicon | favicon.im

Converta o emoji Beetle (🪲) em favicon para seu site. Baixe em vários tamanhos (16x16 a 512x512), personalize cores e forma. Conversor gratuito de emoji para favicon.

Baixar

Informações do Emoji

Nome 🪲 Beetle
Unicode U+1FAB2
Categoria Animals & Nature
Palavras-chave
beetle

Comparação de Plataformas

Beetle Twemoji Twemoji
Beetle Noto Noto

Favicons Emoji Similares

Variantes de Estilo

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

Personalize Seu Favicon

#ffffff
Baixar 512x512
Custom preview

Como Usar

Adicione o favicon emoji Beetle convertido ao seu site com estes trechos de código. Basta copiar e colar para converter este emoji no favicon do seu site.

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 Relacionados