blossom emoji
blossom from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.
- Name
- blossom
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Nature
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More nature icons from Emoji One (Colored)
Use the blossom emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M43.8 63.4c-7.7 2-11-2-11-2s.6-6.2 8.4-8.2c5.3-1.4 15.3 1.4 15.3 1.4s-7.4 7.4-12.7 8.8M21 58c7.7 2 11-2 11-2s-.6-6.2-8.4-8.2c-5.3-1.4-15.3 1.4-15.3 1.4S15.7 56.6 21 58"/><path fill="none" stroke="#75a843" stroke-miterlimit="10" stroke-width="4" d="M32 28v36"/><path fill="#ffd68d" d="M50.3 19.6c-4.9 4.9-15 8.4-16.7 6.8c-1.6-1.6 1.8-11.8 6.8-16.7c6.9-6.9 16.8 3 9.9 9.9M13.7 36.4c4.9-4.9 15-8.4 16.7-6.8c1.6 1.6-1.9 11.7-6.8 16.7c-6.9 6.9-16.8-3-9.9-9.9m26.7 9.9c-4.9-4.9-8.4-15-6.8-16.7c1.6-1.6 11.8 1.8 16.7 6.8c6.9 6.9-3 16.8-9.9 9.9M23.6 9.7c4.9 4.9 8.4 15 6.8 16.7c-1.6 1.6-11.8-1.9-16.7-6.8c-6.9-6.9 3-16.8 9.9-9.9"/><path fill="#ffe9ab" d="M50.9 35c-7 0-16.6-4.7-16.6-7s9.6-7 16.6-7c9.8 0 9.8 14 0 14M13.1 21c7 0 16.6 4.7 16.6 7s-9.6 7-16.6 7c-9.8 0-9.8-14 0-14M25 46.9c0-7 4.7-16.6 7-16.6s7 9.6 7 16.6c0 9.8-14 9.8-14 0M39 9.1c0 7-4.7 16.6-7 16.6s-7-9.6-7-16.6c0-9.8 14-9.8 14 0"/><circle cx="32" cy="28" r="9.6" fill="#f29a2e"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneBlossom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M43.8 63.4c-7.7 2-11-2-11-2s.6-6.2 8.4-8.2c5.3-1.4 15.3 1.4 15.3 1.4s-7.4 7.4-12.7 8.8M21 58c7.7 2 11-2 11-2s-.6-6.2-8.4-8.2c-5.3-1.4-15.3 1.4-15.3 1.4S15.7 56.6 21 58"/><path fill="none" stroke="#75a843" strokeMiterlimit="10" strokeWidth="4" d="M32 28v36"/><path fill="#ffd68d" d="M50.3 19.6c-4.9 4.9-15 8.4-16.7 6.8c-1.6-1.6 1.8-11.8 6.8-16.7c6.9-6.9 16.8 3 9.9 9.9M13.7 36.4c4.9-4.9 15-8.4 16.7-6.8c1.6 1.6-1.9 11.7-6.8 16.7c-6.9 6.9-16.8-3-9.9-9.9m26.7 9.9c-4.9-4.9-8.4-15-6.8-16.7c1.6-1.6 11.8 1.8 16.7 6.8c6.9 6.9-3 16.8-9.9 9.9M23.6 9.7c4.9 4.9 8.4 15 6.8 16.7c-1.6 1.6-11.8-1.9-16.7-6.8c-6.9-6.9 3-16.8 9.9-9.9"/><path fill="#ffe9ab" d="M50.9 35c-7 0-16.6-4.7-16.6-7s9.6-7 16.6-7c9.8 0 9.8 14 0 14M13.1 21c7 0 16.6 4.7 16.6 7s-9.6 7-16.6 7c-9.8 0-9.8-14 0-14M25 46.9c0-7 4.7-16.6 7-16.6s7 9.6 7 16.6c0 9.8-14 9.8-14 0M39 9.1c0 7-4.7 16.6-7 16.6s-7-9.6-7-16.6c0-9.8 14-9.8 14 0"/><circle cx="32" cy="28" r="9.6" fill="#f29a2e"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M43.8 63.4c-7.7 2-11-2-11-2s.6-6.2 8.4-8.2c5.3-1.4 15.3 1.4 15.3 1.4s-7.4 7.4-12.7 8.8M21 58c7.7 2 11-2 11-2s-.6-6.2-8.4-8.2c-5.3-1.4-15.3 1.4-15.3 1.4S15.7 56.6 21 58"/><path fill="none" stroke="#75a843" stroke-miterlimit="10" stroke-width="4" d="M32 28v36"/><path fill="#ffd68d" d="M50.3 19.6c-4.9 4.9-15 8.4-16.7 6.8c-1.6-1.6 1.8-11.8 6.8-16.7c6.9-6.9 16.8 3 9.9 9.9M13.7 36.4c4.9-4.9 15-8.4 16.7-6.8c1.6 1.6-1.9 11.7-6.8 16.7c-6.9 6.9-16.8-3-9.9-9.9m26.7 9.9c-4.9-4.9-8.4-15-6.8-16.7c1.6-1.6 11.8 1.8 16.7 6.8c6.9 6.9-3 16.8-9.9 9.9M23.6 9.7c4.9 4.9 8.4 15 6.8 16.7c-1.6 1.6-11.8-1.9-16.7-6.8c-6.9-6.9 3-16.8 9.9-9.9"/><path fill="#ffe9ab" d="M50.9 35c-7 0-16.6-4.7-16.6-7s9.6-7 16.6-7c9.8 0 9.8 14 0 14M13.1 21c7 0 16.6 4.7 16.6 7s-9.6 7-16.6 7c-9.8 0-9.8-14 0-14M25 46.9c0-7 4.7-16.6 7-16.6s7 9.6 7 16.6c0 9.8-14 9.8-14 0M39 9.1c0 7-4.7 16.6-7 16.6s-7-9.6-7-16.6c0-9.8 14-9.8 14 0"/><circle cx="32" cy="28" r="9.6" fill="#f29a2e"/></svg> </template>
CSS
.icon-blossom {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M43.8%2063.4c-7.7%202-11-2-11-2s.6-6.2%208.4-8.2c5.3-1.4%2015.3%201.4%2015.3%201.4s-7.4%207.4-12.7%208.8M21%2058c7.7%202%2011-2%2011-2s-.6-6.2-8.4-8.2c-5.3-1.4-15.3%201.4-15.3%201.4S15.7%2056.6%2021%2058%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2375a843%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22M32%2028v36%22%2F%3E%3Cpath%20fill%3D%22%23ffd68d%22%20d%3D%22M50.3%2019.6c-4.9%204.9-15%208.4-16.7%206.8c-1.6-1.6%201.8-11.8%206.8-16.7c6.9-6.9%2016.8%203%209.9%209.9M13.7%2036.4c4.9-4.9%2015-8.4%2016.7-6.8c1.6%201.6-1.9%2011.7-6.8%2016.7c-6.9%206.9-16.8-3-9.9-9.9m26.7%209.9c-4.9-4.9-8.4-15-6.8-16.7c1.6-1.6%2011.8%201.8%2016.7%206.8c6.9%206.9-3%2016.8-9.9%209.9M23.6%209.7c4.9%204.9%208.4%2015%206.8%2016.7c-1.6%201.6-11.8-1.9-16.7-6.8c-6.9-6.9%203-16.8%209.9-9.9%22%2F%3E%3Cpath%20fill%3D%22%23ffe9ab%22%20d%3D%22M50.9%2035c-7%200-16.6-4.7-16.6-7s9.6-7%2016.6-7c9.8%200%209.8%2014%200%2014M13.1%2021c7%200%2016.6%204.7%2016.6%207s-9.6%207-16.6%207c-9.8%200-9.8-14%200-14M25%2046.9c0-7%204.7-16.6%207-16.6s7%209.6%207%2016.6c0%209.8-14%209.8-14%200M39%209.1c0%207-4.7%2016.6-7%2016.6s-7-9.6-7-16.6c0-9.8%2014-9.8%2014%200%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2228%22%20r%3D%229.6%22%20fill%3D%22%23f29a2e%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M43.8%2063.4c-7.7%202-11-2-11-2s.6-6.2%208.4-8.2c5.3-1.4%2015.3%201.4%2015.3%201.4s-7.4%207.4-12.7%208.8M21%2058c7.7%202%2011-2%2011-2s-.6-6.2-8.4-8.2c-5.3-1.4-15.3%201.4-15.3%201.4S15.7%2056.6%2021%2058%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2375a843%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22M32%2028v36%22%2F%3E%3Cpath%20fill%3D%22%23ffd68d%22%20d%3D%22M50.3%2019.6c-4.9%204.9-15%208.4-16.7%206.8c-1.6-1.6%201.8-11.8%206.8-16.7c6.9-6.9%2016.8%203%209.9%209.9M13.7%2036.4c4.9-4.9%2015-8.4%2016.7-6.8c1.6%201.6-1.9%2011.7-6.8%2016.7c-6.9%206.9-16.8-3-9.9-9.9m26.7%209.9c-4.9-4.9-8.4-15-6.8-16.7c1.6-1.6%2011.8%201.8%2016.7%206.8c6.9%206.9-3%2016.8-9.9%209.9M23.6%209.7c4.9%204.9%208.4%2015%206.8%2016.7c-1.6%201.6-11.8-1.9-16.7-6.8c-6.9-6.9%203-16.8%209.9-9.9%22%2F%3E%3Cpath%20fill%3D%22%23ffe9ab%22%20d%3D%22M50.9%2035c-7%200-16.6-4.7-16.6-7s9.6-7%2016.6-7c9.8%200%209.8%2014%200%2014M13.1%2021c7%200%2016.6%204.7%2016.6%207s-9.6%207-16.6%207c-9.8%200-9.8-14%200-14M25%2046.9c0-7%204.7-16.6%207-16.6s7%209.6%207%2016.6c0%209.8-14%209.8-14%200M39%209.1c0%207-4.7%2016.6-7%2016.6s-7-9.6-7-16.6c0-9.8%2014-9.8%2014%200%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2228%22%20r%3D%229.6%22%20fill%3D%22%23f29a2e%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/blossom.svg?color=%231a73e8&size=48
