Icono Blossom
logos:blossom
El icono Blossom (logos:blossom) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 256. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 256
Código SVG
<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>Cómo usar el icono Blossom
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/blossom.svg" alt="Icono Blossom" width="24" height="24">El icono Blossom en otras colecciones
Preguntas frecuentes sobre Icono Blossom
¿El icono Blossom es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Blossom en React?
Instala @iconify/react y renderiza <Icon icon="logos:blossom" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Blossom a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/blossom.svg" alt="Icono Blossom">, o pega el código SVG en línea para darle estilo con CSS.