Smiling Face With Open Hands emoji favicon

🤗 Smiling Face With Open Hands Favicon — Convert Emoji to Favicon | favicon.im

Convert Smiling Face With Open Hands 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 🤗 Smiling Face With Open Hands
Unicode U+1F917
Category Smileys & Emotion
Keywords
smilingfacewithopenhands

Platform Comparison

Smiling Face With Open Hands Twemoji Twemoji
Smiling Face With Open Hands Noto Noto

Similar Emoji Favicons

Style Variants

Smiling Face With Open Hands White Square White / Square
Smiling Face With Open Hands White Rounded White / Rounded
Smiling Face With Open Hands White Circle White / Circle
Smiling Face With Open Hands Black Square Black / Square
Smiling Face With Open Hands Black Rounded Black / Rounded
Smiling Face With Open Hands Black Circle Black / Circle
Smiling Face With Open Hands Dark Blue Square Dark Blue / Square
Smiling Face With Open Hands Dark Blue Rounded Dark Blue / Rounded
Smiling Face With Open Hands Dark Blue Circle Dark Blue / Circle
Smiling Face With Open Hands Light Gray Square Light Gray / Square
Smiling Face With Open Hands Light Gray Rounded Light Gray / Rounded
Smiling Face With Open Hands Light Gray Circle Light Gray / Circle
Smiling Face With Open Hands Blue Square Blue / Square
Smiling Face With Open Hands Blue Rounded Blue / Rounded
Smiling Face With Open Hands Blue Circle Blue / Circle
Smiling Face With Open Hands Green Square Green / Square
Smiling Face With Open Hands Green Rounded Green / Rounded
Smiling Face With Open Hands Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Smiling Face With Open Hands 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%25A4%2597%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%25A4%2597%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%25A4%2597%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%25A4%2597%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%25A4%2597%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%25A4%2597%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%25A4%2597%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%25A4%2597%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%25A4%2597%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons