Blossom icon
logos:blossom
The Blossom icon (logos:blossom) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="#122941"><path d="M127.756 62.666c-21.279 19.3-33.855 55.208-35.954 77.912c5.968 4.69 11.74 10.008 17.685 16.17c1.44 1.31 10.175 9.507 18.278 23.03c8.114-13.518 16.84-21.72 18.28-23.03c5.944-6.162 11.711-11.48 17.679-16.17c-2.104-22.709-14.68-58.616-35.968-77.912m25.63 101.411l-.292.278c-.274.247-26.94 24.498-29.42 60.744c19.77-1.347 40.84-8.865 43.273-9.757c45.14-22.523 54.86-60.971 54.27-91.52c-30.665 9.368-48.321 19.975-67.83 40.255M121.97 190.79c-8.517-16.469-19.356-26.272-19.533-26.435l-.292-.278c-19.51-20.28-37.17-30.887-67.83-40.254c-.595 30.548 9.13 68.996 54.264 91.519c1.668.608 12.121 4.347 24.902 7.068c1.058-11.93 4.365-22.56 8.489-31.62"/><path d="M127.765 19.05c-60.209 0-109.189 48.98-109.189 109.185c0 60.209 48.98 109.189 109.19 109.189c60.204 0 109.184-48.98 109.184-109.19c0-60.204-48.98-109.184-109.185-109.184m0 236.95C57.316 256 0 198.684 0 128.235C0 57.785 57.316.474 127.765.474c70.45 0 127.761 57.311 127.761 127.76S198.215 256 127.766 256"/></g></svg>
How to use the Blossom icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:blossom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:blossom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:blossom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--blossom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:blossom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:blossom"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/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. SVG Logos icons are released under the CC0 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="logos: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/logos/blossom.svg" alt="Blossom icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
