🙁 Slightly Frowning Face Favicon — Convert Emoji to Favicon | favicon.im

Convert Slightly Frowning 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 🙁 Slightly Frowning Face

Unicode U+1F641

Category Smileys & Emotion

Keywords

slightlyfrowningface

Platform Comparison

Twemoji

Noto

Similar Emoji Favicons

Frowning Face With Open Mouth

Frowning Face

Slightly Smiling Face

Clown Face

Angry Face With Horns

Style Variants

White / Square

White / Rounded

White / Circle

Black / Square

Black / Rounded

Black / Circle

Dark Blue / Square

Dark Blue / Rounded

Dark Blue / Circle

Light Gray / Square

Light Gray / Rounded

Light Gray / Circle

Blue / Square

Blue / Rounded

Blue / Circle

Green / Square

Green / Rounded

Green / Circle

Customize Your Favicon

Background Color

#ffffff

Border Radius: 15%

Padding: 10px

Download 512x512

How to Use

Add the converted Slightly Frowning 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%2599%2581%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%2599%2581%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%2599%2581%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%2599%2581%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%2599%2581%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%2599%2581%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%2599%2581%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%2599%2581%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%2599%2581%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons