Supervillain emoji favicon

🦹 Supervillain Favicon — Convert Emoji to Favicon | favicon.im

Convert Supervillain 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 🦹 Supervillain
Unicode U+1F9B9
Category People & Body
Keywords
supervillain

Platform Comparison

Supervillain Twemoji Twemoji
Supervillain Noto Noto

Similar Emoji Favicons

Style Variants

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

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Supervillain 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%25A6%25B9%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%25A6%25B9%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%25A6%25B9%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%25A6%25B9%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%25A6%25B9%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%25A6%25B9%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%25A6%25B9%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%25A6%25B9%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%25A6%25B9%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons