Face With Tears Of Joy emoji favicon

😂 Face With Tears Of Joy Favicon — Convert Emoji to Favicon | favicon.im

Convert Face With Tears Of Joy 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 😂 Face With Tears Of Joy
Unicode U+1F602
Category Smileys & Emotion
Keywords
facewithtearsofjoy

Platform Comparison

Face With Tears Of Joy Twemoji Twemoji
Face With Tears Of Joy Noto Noto

Similar Emoji Favicons

Style Variants

Face With Tears Of Joy White Square White / Square
Face With Tears Of Joy White Rounded White / Rounded
Face With Tears Of Joy White Circle White / Circle
Face With Tears Of Joy Black Square Black / Square
Face With Tears Of Joy Black Rounded Black / Rounded
Face With Tears Of Joy Black Circle Black / Circle
Face With Tears Of Joy Dark Blue Square Dark Blue / Square
Face With Tears Of Joy Dark Blue Rounded Dark Blue / Rounded
Face With Tears Of Joy Dark Blue Circle Dark Blue / Circle
Face With Tears Of Joy Light Gray Square Light Gray / Square
Face With Tears Of Joy Light Gray Rounded Light Gray / Rounded
Face With Tears Of Joy Light Gray Circle Light Gray / Circle
Face With Tears Of Joy Blue Square Blue / Square
Face With Tears Of Joy Blue Rounded Blue / Rounded
Face With Tears Of Joy Blue Circle Blue / Circle
Face With Tears Of Joy Green Square Green / Square
Face With Tears Of Joy Green Rounded Green / Rounded
Face With Tears Of Joy Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

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

Related Emoji Favicons