Reminder Ribbon emoji favicon

πŸŽ—οΈ Reminder Ribbon Favicon β€” Convert Emoji to Favicon | favicon.im

Convert Reminder Ribbon 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 πŸŽ—οΈ Reminder Ribbon
Unicode U+1F397-U+FE0F
Category Activities
Keywords
reminderribbon

Platform Comparison

Reminder Ribbon Twemoji Twemoji
Reminder Ribbon Noto Noto

Similar Emoji Favicons

Style Variants

Reminder Ribbon White Square White / Square
Reminder Ribbon White Rounded White / Rounded
Reminder Ribbon White Circle White / Circle
Reminder Ribbon Black Square Black / Square
Reminder Ribbon Black Rounded Black / Rounded
Reminder Ribbon Black Circle Black / Circle
Reminder Ribbon Dark Blue Square Dark Blue / Square
Reminder Ribbon Dark Blue Rounded Dark Blue / Rounded
Reminder Ribbon Dark Blue Circle Dark Blue / Circle
Reminder Ribbon Light Gray Square Light Gray / Square
Reminder Ribbon Light Gray Rounded Light Gray / Rounded
Reminder Ribbon Light Gray Circle Light Gray / Circle
Reminder Ribbon Blue Square Blue / Square
Reminder Ribbon Blue Rounded Blue / Rounded
Reminder Ribbon Blue Circle Blue / Circle
Reminder Ribbon Green Square Green / Square
Reminder Ribbon Green Rounded Green / Rounded
Reminder Ribbon Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Reminder Ribbon 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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%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%258E%2597%25EF%25B8%258F%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons