Beetle emoji favicon

🪲 Beetle Favicon — Convert Emoji to Favicon | favicon.im

Convert Beetle emoji (🪲) to favicon for your website. Download in multiple sizes (16x16 to 512x512), customize colors and shape. Free emoji to favicon converter.

Download

Emoji Info

Name 🪲 Beetle
Unicode U+1FAB2
Category Animals & Nature
Keywords
beetle

Platform Comparison

Beetle Twemoji Twemoji
Beetle Noto Noto

Similar Emoji Favicons

Style Variants

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

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Beetle emoji favicon to your website with these code snippets. Simply copy and paste to convert this emoji to your site's 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' },
      ]
    }
  }
})

Related Emoji Favicons