Icono Cherry Blossom
openmoji:cherry-blossom
El icono Cherry Blossom (openmoji:cherry-blossom) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Animales y naturaleza
- Etiquetas
- cherryblossom
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#5c9e31" d="M25.838 35.11c4.105 4.886 2.224 13.438 2.224 13.438s-7.537.829-11.644-4.057s-2.602-13.638-2.602-13.638s7.916-.625 12.021 4.257"/><path fill="#ffa7c0" d="M43.71 31.86c3.34 1 7.98 4 8.83 10.66l-2.19.18h-.01l.18 2.19c-11.57.37-12.55-9.35-12.55-9.35h-.69s-.88 9.72-12.45 9.35l.18-2.19H25l-2.19-.18c.85-6.66 5.49-9.66 8.83-10.66c-3.51.24-9.12-.91-12.2-7.16l2.02-.88l-.88-2.02c7.02-2.67 10.93-.15 13.2 2.55c-1.77-3.31-2.95-8.31 2.2-13.98l1.56 1.56h.01l1.55-1.56c5.16 5.67 3.98 10.67 2.21 13.98h.16c2.27-2.7 6.28-5.22 13.3-2.55l-.88 2.02l2.02.88c-3.08 6.25-8.7 7.4-12.2 7.16"/><path fill="#fcea2b" d="M37.962 26.019s.976-.002 1.957.253l-1.072 6.932c-1.89-.047-4.38-1.79-4.38-3.69a3.495 3.495 0 0 1 3.495-3.495"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.559 46.521c-1.335-.73-2.621-1.694-3.66-2.964c-3.992-4.886-2.804-12.462-2.804-12.462s5.013.23 9.042 2.902"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M34.07 24.62c-1.77-3.312-2.951-8.311 2.202-13.98l1.557 1.558h.003m0 0h.002l1.558-1.557c5.153 5.668 3.972 10.667 2.202 13.98h.165c2.273-2.7 6.275-5.22 13.297-2.554l-.879 2.02v.003l2.02.879c-3.08 6.248-8.694 7.398-12.2 7.163M34.07 24.62c-2.273-2.698-6.18-5.218-13.201-2.553l.878 2.02v.003l-2.02.879c3.08 6.248 8.694 7.398 12.2 7.163"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M31.927 32.132c-3.335 1-7.979 4-8.83 10.658l2.197.175l.001.002l-.174 2.196c11.572.368 12.444-9.358 12.444-9.358h.699s.972 9.726 12.544 9.358l-.175-2.196l.002-.002l2.196-.175c-.85-6.658-5.494-9.657-8.83-10.658"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M37.874 33.008a3.495 3.495 0 1 1 1.078-6.847m-.689 3.352l2.482-1.03"/><circle cx="43.937" cy="27.073" r="1.398" transform="rotate(-24.122 43.94 27.074)"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m38.263 29.514l2.457 2.46"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M37.163 43.893c-3.438 3.548-7.676 10.246-5.83 20.735"/></svg>
Cómo usar el icono Cherry Blossom
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:cherry-blossom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:cherry-blossom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:cherry-blossom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--cherry-blossom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:cherry-blossom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:cherry-blossom"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/cherry-blossom.svg" alt="Icono Cherry Blossom" width="24" height="24">
El icono Cherry Blossom en otras colecciones
Preguntas frecuentes sobre Icono Cherry Blossom
¿El icono Cherry Blossom es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Cherry Blossom en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:cherry-blossom" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cherry Blossom a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/cherry-blossom.svg" alt="Icono Cherry Blossom">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
