Cherry Blossom emoji favicon

🌸 Cherry Blossom Favicon — Convert Emoji to Favicon | favicon.im

Convert Cherry Blossom 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 🌸 Cherry Blossom
Unicode U+1F338
Category Animals & Nature
Keywords
cherryblossom

Platform Comparison

Cherry Blossom Twemoji Twemoji
Cherry Blossom Noto Noto

Similar Emoji Favicons

Blossom favicon Blossom Leafless Tree favicon Leafless Tree Empty Nest favicon Empty Nest Nest With Eggs favicon Nest With Eggs Mushroom favicon Mushroom

Style Variants

Cherry Blossom White Square White / Square
Cherry Blossom White Rounded White / Rounded
Cherry Blossom White Circle White / Circle
Cherry Blossom Black Square Black / Square
Cherry Blossom Black Rounded Black / Rounded
Cherry Blossom Black Circle Black / Circle
Cherry Blossom Dark Blue Square Dark Blue / Square
Cherry Blossom Dark Blue Rounded Dark Blue / Rounded
Cherry Blossom Dark Blue Circle Dark Blue / Circle
Cherry Blossom Light Gray Square Light Gray / Square
Cherry Blossom Light Gray Rounded Light Gray / Rounded
Cherry Blossom Light Gray Circle Light Gray / Circle
Cherry Blossom Blue Square Blue / Square
Cherry Blossom Blue Rounded Blue / Rounded
Cherry Blossom Blue Circle Blue / Circle
Cherry Blossom Green Square Green / Square
Cherry Blossom Green Rounded Green / Rounded
Cherry Blossom Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Cherry Blossom 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%258C%25B8%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%258C%25B8%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%258C%25B8%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%258C%25B8%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%258C%25B8%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%258C%25B8%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%258C%25B8%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%258C%25B8%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%258C%25B8%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons

Leafless Tree favicon Leafless Tree Empty Nest favicon Empty Nest Nest With Eggs favicon Nest With Eggs Mushroom favicon Mushroom Maple Leaf favicon Maple Leaf Fallen Leaf favicon Fallen Leaf Leaf Fluttering In Wind favicon Leaf Fluttering In Wind Herb favicon Herb