blossom logo
blossom from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- blossom
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the blossom logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosBlossom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </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%20256%20256%22%3E%3Cg%20fill%3D%22%23122941%22%3E%3Cpath%20d%3D%22M127.756%2062.666c-21.279%2019.3-33.855%2055.208-35.954%2077.912c5.968%204.69%2011.74%2010.008%2017.685%2016.17c1.44%201.31%2010.175%209.507%2018.278%2023.03c8.114-13.518%2016.84-21.72%2018.28-23.03c5.944-6.162%2011.711-11.48%2017.679-16.17c-2.104-22.709-14.68-58.616-35.968-77.912m25.63%20101.411l-.292.278c-.274.247-26.94%2024.498-29.42%2060.744c19.77-1.347%2040.84-8.865%2043.273-9.757c45.14-22.523%2054.86-60.971%2054.27-91.52c-30.665%209.368-48.321%2019.975-67.83%2040.255M121.97%20190.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%2030.548%209.13%2068.996%2054.264%2091.519c1.668.608%2012.121%204.347%2024.902%207.068c1.058-11.93%204.365-22.56%208.489-31.62%22%2F%3E%3Cpath%20d%3D%22M127.765%2019.05c-60.209%200-109.189%2048.98-109.189%20109.185c0%2060.209%2048.98%20109.189%20109.19%20109.189c60.204%200%20109.184-48.98%20109.184-109.19c0-60.204-48.98-109.184-109.185-109.184m0%20236.95C57.316%20256%200%20198.684%200%20128.235C0%2057.785%2057.316.474%20127.765.474c70.45%200%20127.761%2057.311%20127.761%20127.76S198.215%20256%20127.766%20256%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22%23122941%22%3E%3Cpath%20d%3D%22M127.756%2062.666c-21.279%2019.3-33.855%2055.208-35.954%2077.912c5.968%204.69%2011.74%2010.008%2017.685%2016.17c1.44%201.31%2010.175%209.507%2018.278%2023.03c8.114-13.518%2016.84-21.72%2018.28-23.03c5.944-6.162%2011.711-11.48%2017.679-16.17c-2.104-22.709-14.68-58.616-35.968-77.912m25.63%20101.411l-.292.278c-.274.247-26.94%2024.498-29.42%2060.744c19.77-1.347%2040.84-8.865%2043.273-9.757c45.14-22.523%2054.86-60.971%2054.27-91.52c-30.665%209.368-48.321%2019.975-67.83%2040.255M121.97%20190.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%2030.548%209.13%2068.996%2054.264%2091.519c1.668.608%2012.121%204.347%2024.902%207.068c1.058-11.93%204.365-22.56%208.489-31.62%22%2F%3E%3Cpath%20d%3D%22M127.765%2019.05c-60.209%200-109.189%2048.98-109.189%20109.185c0%2060.209%2048.98%20109.189%20109.19%20109.189c60.204%200%20109.184-48.98%20109.184-109.19c0-60.204-48.98-109.184-109.185-109.184m0%20236.95C57.316%20256%200%20198.684%200%20128.235C0%2057.785%2057.316.474%20127.765.474c70.45%200%20127.761%2057.311%20127.761%20127.76S198.215%20256%20127.766%20256%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/blossom.svg?color=%231a73e8&size=48
