Grinning Face With Smiling Eyes emoji favicon

😄 Grinning Face With Smiling Eyes Favicon — Convert Emoji to Favicon | favicon.im

Convert Grinning Face With Smiling Eyes 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 😄 Grinning Face With Smiling Eyes
Unicode U+1F604
Category Smileys & Emotion
Keywords
grinningfacewithsmilingeyes

Platform Comparison

Grinning Face With Smiling Eyes Twemoji Twemoji
Grinning Face With Smiling Eyes Noto Noto

Similar Emoji Favicons

Style Variants

Grinning Face With Smiling Eyes White Square White / Square
Grinning Face With Smiling Eyes White Rounded White / Rounded
Grinning Face With Smiling Eyes White Circle White / Circle
Grinning Face With Smiling Eyes Black Square Black / Square
Grinning Face With Smiling Eyes Black Rounded Black / Rounded
Grinning Face With Smiling Eyes Black Circle Black / Circle
Grinning Face With Smiling Eyes Dark Blue Square Dark Blue / Square
Grinning Face With Smiling Eyes Dark Blue Rounded Dark Blue / Rounded
Grinning Face With Smiling Eyes Dark Blue Circle Dark Blue / Circle
Grinning Face With Smiling Eyes Light Gray Square Light Gray / Square
Grinning Face With Smiling Eyes Light Gray Rounded Light Gray / Rounded
Grinning Face With Smiling Eyes Light Gray Circle Light Gray / Circle
Grinning Face With Smiling Eyes Blue Square Blue / Square
Grinning Face With Smiling Eyes Blue Rounded Blue / Rounded
Grinning Face With Smiling Eyes Blue Circle Blue / Circle
Grinning Face With Smiling Eyes Green Square Green / Square
Grinning Face With Smiling Eyes Green Rounded Green / Rounded
Grinning Face With Smiling Eyes Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Grinning Face With Smiling Eyes 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%2598%2584%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%2598%2584%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%2598%2584%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%2598%2584%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%2598%2584%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%2598%2584%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%2598%2584%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%2598%2584%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%2598%2584%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons