Eight O’clock emoji favicon

🕗 Eight O’clock Favicon — Convert Emoji to Favicon | favicon.im

Convert Eight O’clock 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 🕗 Eight O’clock
Unicode U+1F557
Category Travel & Places
Keywords
eighto’clock

Platform Comparison

Eight O’clock Twemoji Twemoji
Eight O’clock Noto Noto

Similar Emoji Favicons

Eleven O’clock favicon Eleven O’clock Nine O’clock favicon Nine O’clock Ten O’clock favicon Ten O’clock Seven O’clock favicon Seven O’clock Six O’clock favicon Six O’clock

Style Variants

Eight O’clock White Square White / Square
Eight O’clock White Rounded White / Rounded
Eight O’clock White Circle White / Circle
Eight O’clock Black Square Black / Square
Eight O’clock Black Rounded Black / Rounded
Eight O’clock Black Circle Black / Circle
Eight O’clock Dark Blue Square Dark Blue / Square
Eight O’clock Dark Blue Rounded Dark Blue / Rounded
Eight O’clock Dark Blue Circle Dark Blue / Circle
Eight O’clock Light Gray Square Light Gray / Square
Eight O’clock Light Gray Rounded Light Gray / Rounded
Eight O’clock Light Gray Circle Light Gray / Circle
Eight O’clock Blue Square Blue / Square
Eight O’clock Blue Rounded Blue / Rounded
Eight O’clock Blue Circle Blue / Circle
Eight O’clock Green Square Green / Square
Eight O’clock Green Rounded Green / Rounded
Eight O’clock Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Eight O’clock 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%2595%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%2595%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%2595%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%2595%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%2595%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%2595%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%2595%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%2595%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%2595%2597%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons

Fire favicon Fire Droplet favicon Droplet Water Wave favicon Water Wave Snowflake favicon Snowflake Snowman favicon Snowman Snowman Without Snow favicon Snowman Without Snow Comet favicon Comet Umbrella favicon Umbrella