Blossom icon

fxemoji:blossom

The Blossom icon (fxemoji:blossom) 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="#00B89C" d="M381.122 365.026c-9.02 1.001-23.124 2.833-31.633 5.267c2.159-.628 3.069-.895-.37.096c-14.265 4.147-5.133 1.503-.241.082c-29.373 8.602-62.584 29.942-79.944 58.102a72 72 0 0 0-3.07 5.565v-199.24c0-5.448-4.417-9.865-9.865-9.865s-9.865 4.417-9.865 9.865v260.205c0 5.448 4.417 9.865 9.865 9.865c.494 0 .975-.048 1.45-.118c1.478.349 3.059.422 4.691.118c17.91-3.329 46.796-9.882 63.347-19.842c27.742-16.695 48.684-49.268 58.102-79.944l.171-.551c.88-3.056.614-2.149.006-.06c2.444-8.541 4.167-22.795 5.084-31.889c.483-4.771-2.961-8.185-7.728-7.656"/><path fill="#009E83" d="M223.088 499.832c4.87 1.495-14.024-4.065.241.082c3.439.991 2.529.724.37.096c8.541 2.444 22.795 4.167 31.889 5.084c4.772.481 8.186-2.963 7.657-7.73c-1.001-9.02-2.833-23.124-5.267-31.633c.628 2.159.895 3.069-.096-.37c-4.147-14.265-1.503-5.133-.082-.241c-8.602-29.373-29.942-62.584-58.102-79.944c-16.441-10.136-45.312-16.679-63.227-19.981c-7.829-1.443-14.623 5.361-13.169 13.187c3.329 17.91 9.882 46.796 19.842 63.347c16.695 27.742 49.268 48.684 79.944 58.103"/><path fill="#FFE564" d="M431.232 130.963c-15.328-32.577-54.163-46.56-86.742-31.232l-30.193 14.206l5.923-32.838c1.302-7.373 1.406-15.344 0-23.142c-6.391-35.432-40.293-58.975-75.727-52.585c-35.432 6.391-58.975 40.293-52.585 75.727l6.007 33.3l-30.684-14.267c-6.802-3.131-14.482-5.257-22.383-5.878c-35.894-2.819-67.277 23.992-70.094 59.886c-2.819 35.894 23.992 67.277 59.886 70.096l24.875 1.954l-21.112 21.744c-4.924 5.114-9.288 11.307-12.425 18.118c-15.037 32.654-.754 71.312 31.898 86.347c32.654 15.037 71.312.754 86.347-31.898l10.731-23.305l10.246 23.52c2.862 6.496 6.935 12.885 12.047 18.373c24.503 26.302 65.689 27.763 91.993 3.26c26.302-24.503 27.763-65.691 3.26-91.993l-22.692-24.358l27.837-2.314c7.458-.648 15.185-2.604 22.355-5.979c32.577-15.328 46.56-54.163 31.232-86.742"/><circle cx="256.098" cy="194.372" r="40.527" fill="#FFB636"/></svg>

How to use the Blossom icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Blossom icon in other icon sets

Blossom icon FAQ

Is the Blossom 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 Blossom icon in React?

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

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

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

Browse all Firefox OS Emoji icons →