ICONYZ
Español
Icono Blossom de SVG Logos

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
Descargar SVG

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.

Ver todos los Iconos SVG Logos →