Cherryblossom icon

fxemoji:cherryblossom

The Cherryblossom icon (fxemoji:cherryblossom) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFA9BA" d="M475.539 198.425c-2.007-5.904 2.156-13.382 10.772-21.137c3.44-3.096 3.889-8.305 1.173-12.052c-23.598-32.546-65.977-48.31-106.704-36.215a98 98 0 0 0-15.991 6.314c-6.649 3.328-14.239-2.335-12.947-9.657a98 98 0 0 0 1.487-17.055c0-44.619-29.975-82.231-70.885-93.811c-4.513-1.278-9.22 1.134-10.923 5.505c-4.717 12.101-10.84 19.411-17.533 19.411c-6.551 0-12.555-7.003-17.229-18.646c-1.759-4.38-6.669-6.634-11.157-5.172c-39.044 12.724-67.261 49.421-67.261 92.712c0 5.798.506 11.479 1.477 16.999c1.287 7.316-6.293 12.972-12.94 9.655a98 98 0 0 0-15.875-6.256c-44.043-13.08-90.014 6.42-112.081 44.489c-2.354 4.061-1.204 9.225 2.614 11.957c10.812 7.738 16.524 15.646 14.802 22.215c-1.668 6.362-10.023 10.403-22.554 11.961c-4.744.59-8.148 4.863-7.814 9.632c2.756 39.384 29.443 74.763 69.52 86.665a98 98 0 0 0 14.438 3.133c7.222 1.004 10.349 9.68 5.427 15.06a98 98 0 0 0-9.121 11.623C60.18 384.635 65.817 435.47 97.11 467.788c2.702 2.791 6.921 3.594 10.425 1.916c6.878-3.293 12.693-3.915 16.675-1.261c3.835 2.556 5.515 7.852 5.283 15.043c-.126 3.906 2.315 7.475 6.009 8.749c40.818 14.073 87.547-.377 112.714-37.935l.089-.133c3.635-5.444 11.535-5.444 15.17 0l.089.133c27.591 41.174 81.096 54.579 124.316 33.073c3.576-1.779 5.512-5.718 4.853-9.657c-1.456-8.698-.316-15.255 3.848-18.455c3.829-2.943 9.743-2.684 16.913.211c3.832 1.547 8.269.265 10.656-3.109c22.675-32.05 24.554-76.051 1.397-110.607a98 98 0 0 0-9.121-11.623c-4.922-5.38-1.796-14.056 5.427-15.06a98 98 0 0 0 14.438-3.133c44.103-13.098 71.995-54.626 69.618-98.637c-.247-4.573-3.816-8.327-8.384-8.646c-11.864-.83-19.946-4.233-21.986-10.232m-219.59 69.373l-.057.294l-.057-.294l.354-.392z"/><path fill="#E6A4FF" d="M345.186 368.042a11.9 11.9 0 0 1-8.392-3.447l-89.351-88.306c-4.689-4.635-4.734-12.193-.1-16.883s12.193-4.733 16.883-.1l89.351 88.306c4.689 4.635 4.734 12.193.1 16.883a11.9 11.9 0 0 1-8.491 3.547"/><path fill="#FF6E83" d="M351.021 238.828c-4.531-16.939-21.934-26.999-38.874-22.468l-24.598 6.579v-25.463c0-17.534-14.215-31.749-31.749-31.749s-31.749 14.215-31.749 31.749v25.656l-24.814-6.517c-16.957-4.452-34.318 5.684-38.772 22.644s5.684 34.318 22.643 38.772l20.995 5.514l-14.293 20.843c-9.917 14.461-6.233 34.223 8.229 44.139a31.6 31.6 0 0 0 17.927 5.568c10.116 0 20.059-4.824 26.212-13.797l13.032-19.005l12.636 19.27c6.096 9.296 16.235 14.342 26.579 14.342a31.6 31.6 0 0 0 17.38-5.203c14.663-9.615 18.755-29.297 9.14-43.96l-14.51-22.127l22.117-5.915c16.941-4.528 27-21.933 22.469-38.872"/><circle cx="255.835" cy="267.798" r="30.165" fill="#FFD469"/><path fill="#FFEED4" d="m367.149 291.758l-107.558-25.862l18.068-82.27a3 3 0 0 0-2.286-3.574a2.995 2.995 0 0 0-3.573 2.287l-17.254 78.562l-61.095-87.885a3 3 0 0 0-4.927 3.425l62.815 90.358l-75.379 40.281a3 3 0 1 0 2.828 5.292l77.092-41.197l109.867 26.417a3.003 3.003 0 0 0 3.618-2.216a3 3 0 0 0-2.216-3.618"/><path fill="#FF473E" d="M208.987 174.728c0 9.941-8.059 18-18 18s-18-8.059-18-18s8.059-18 18-18s18 8.059 18 18M378.416 308.12c7.425-6.61 8.087-17.987 1.477-25.413c-6.61-7.425-17.988-8.087-25.413-1.477s-8.087 17.987-1.477 25.413c6.61 7.425 17.987 8.087 25.413 1.477m-90.225-137.087c-6.599-7.435-17.976-8.112-25.411-1.513s-8.112 17.976-1.513 25.411s17.976 8.112 25.411 1.513s8.112-17.976 1.513-25.411M159.569 307.084c-1.459 9.833 5.33 18.988 15.163 20.447s18.988-5.329 20.447-15.163s-5.33-18.988-15.163-20.447s-18.988 5.329-20.447 15.163"/></svg>

How to use the Cherryblossom icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:cherryblossom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:cherryblossom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:cherryblossom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cherryblossom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cherryblossom"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:cherryblossom"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/cherryblossom.svg" alt="Cherryblossom icon" width="24" height="24">

Cherryblossom icon FAQ

Is the Cherryblossom icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Cherryblossom icon in React?

Install @iconify/react and render <Icon icon="fxemoji:cherryblossom" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cherryblossom icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cherryblossom.svg" alt="Cherryblossom icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →