Loudly Crying Face emoji favicon

😭 Loudly Crying Face Favicon — Convert Emoji to Favicon | favicon.im

Convert Loudly Crying Face 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 😭 Loudly Crying Face
Unicode U+1F62D
Category Smileys & Emotion
Keywords
loudlycryingface

Platform Comparison

Loudly Crying Face Twemoji Twemoji
Loudly Crying Face Noto Noto

Similar Emoji Favicons

Style Variants

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

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

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

Related Emoji Favicons