Grinning Face emoji favicon

😀 Grinning Face Favicon — Convert Emoji to Favicon | favicon.im

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

Download

16x16 32x32 48x48 180x180 512x512

Emoji Info

Name 😀 Grinning Face
Unicode U+1F600
Category Smileys & Emotion
Keywords
grinningface

Platform Comparison

Grinning Face Twemoji Twemoji
Grinning Face Noto Noto

Similar Emoji Favicons

Grinning Face With Sweat favicon Grinning Face With Sweat Grinning Squinting Face favicon Grinning Squinting Face Grinning Face With Big Eyes favicon Grinning Face With Big Eyes Grinning Face With Smiling Eyes favicon Grinning Face With Smiling Eyes Face With Head-bandage favicon Face With Head-bandage

Style Variants

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

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

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

Related Emoji Favicons

Face With Head-bandage favicon Face With Head-bandage Nauseated Face favicon Nauseated Face Face Vomiting favicon Face Vomiting Face With Medical Mask favicon Face With Medical Mask Face With Thermometer favicon Face With Thermometer Sleeping Face favicon Sleeping Face Face With Bags Under Eyes favicon Face With Bags Under Eyes Sleepy Face favicon Sleepy Face