Icono Cherryblossom

fxemoji:cherryblossom

El icono Cherryblossom (fxemoji:cherryblossom) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, 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: Firefox OS Emoji
Autor: Mozilla
Licencia: Apache-2.0
Tamaño: 512 × 512
Categoría: Naturaleza

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFA9BA" d="M475.539 198.425c-2.007-5.904 2.156-13.382 10.772-21.137c3.44-3.096 3.889-8.305 1.173-12.052c-23.598-32.546-65.977-48.31-106.704-36.215a98 98 0 0 0-15.991 6.314c-6.649 3.328-14.239-2.335-12.947-9.657a98 98 0 0 0 1.487-17.055c0-44.619-29.975-82.231-70.885-93.811c-4.513-1.278-9.22 1.134-10.923 5.505c-4.717 12.101-10.84 19.411-17.533 19.411c-6.551 0-12.555-7.003-17.229-18.646c-1.759-4.38-6.669-6.634-11.157-5.172c-39.044 12.724-67.261 49.421-67.261 92.712c0 5.798.506 11.479 1.477 16.999c1.287 7.316-6.293 12.972-12.94 9.655a98 98 0 0 0-15.875-6.256c-44.043-13.08-90.014 6.42-112.081 44.489c-2.354 4.061-1.204 9.225 2.614 11.957c10.812 7.738 16.524 15.646 14.802 22.215c-1.668 6.362-10.023 10.403-22.554 11.961c-4.744.59-8.148 4.863-7.814 9.632c2.756 39.384 29.443 74.763 69.52 86.665a98 98 0 0 0 14.438 3.133c7.222 1.004 10.349 9.68 5.427 15.06a98 98 0 0 0-9.121 11.623C60.18 384.635 65.817 435.47 97.11 467.788c2.702 2.791 6.921 3.594 10.425 1.916c6.878-3.293 12.693-3.915 16.675-1.261c3.835 2.556 5.515 7.852 5.283 15.043c-.126 3.906 2.315 7.475 6.009 8.749c40.818 14.073 87.547-.377 112.714-37.935l.089-.133c3.635-5.444 11.535-5.444 15.17 0l.089.133c27.591 41.174 81.096 54.579 124.316 33.073c3.576-1.779 5.512-5.718 4.853-9.657c-1.456-8.698-.316-15.255 3.848-18.455c3.829-2.943 9.743-2.684 16.913.211c3.832 1.547 8.269.265 10.656-3.109c22.675-32.05 24.554-76.051 1.397-110.607a98 98 0 0 0-9.121-11.623c-4.922-5.38-1.796-14.056 5.427-15.06a98 98 0 0 0 14.438-3.133c44.103-13.098 71.995-54.626 69.618-98.637c-.247-4.573-3.816-8.327-8.384-8.646c-11.864-.83-19.946-4.233-21.986-10.232m-219.59 69.373l-.057.294l-.057-.294l.354-.392z"/><path fill="#E6A4FF" d="M345.186 368.042a11.9 11.9 0 0 1-8.392-3.447l-89.351-88.306c-4.689-4.635-4.734-12.193-.1-16.883s12.193-4.733 16.883-.1l89.351 88.306c4.689 4.635 4.734 12.193.1 16.883a11.9 11.9 0 0 1-8.491 3.547"/><path fill="#FF6E83" d="M351.021 238.828c-4.531-16.939-21.934-26.999-38.874-22.468l-24.598 6.579v-25.463c0-17.534-14.215-31.749-31.749-31.749s-31.749 14.215-31.749 31.749v25.656l-24.814-6.517c-16.957-4.452-34.318 5.684-38.772 22.644s5.684 34.318 22.643 38.772l20.995 5.514l-14.293 20.843c-9.917 14.461-6.233 34.223 8.229 44.139a31.6 31.6 0 0 0 17.927 5.568c10.116 0 20.059-4.824 26.212-13.797l13.032-19.005l12.636 19.27c6.096 9.296 16.235 14.342 26.579 14.342a31.6 31.6 0 0 0 17.38-5.203c14.663-9.615 18.755-29.297 9.14-43.96l-14.51-22.127l22.117-5.915c16.941-4.528 27-21.933 22.469-38.872"/><circle cx="255.835" cy="267.798" r="30.165" fill="#FFD469"/><path fill="#FFEED4" d="m367.149 291.758l-107.558-25.862l18.068-82.27a3 3 0 0 0-2.286-3.574a2.995 2.995 0 0 0-3.573 2.287l-17.254 78.562l-61.095-87.885a3 3 0 0 0-4.927 3.425l62.815 90.358l-75.379 40.281a3 3 0 1 0 2.828 5.292l77.092-41.197l109.867 26.417a3.003 3.003 0 0 0 3.618-2.216a3 3 0 0 0-2.216-3.618"/><path fill="#FF473E" d="M208.987 174.728c0 9.941-8.059 18-18 18s-18-8.059-18-18s8.059-18 18-18s18 8.059 18 18M378.416 308.12c7.425-6.61 8.087-17.987 1.477-25.413c-6.61-7.425-17.988-8.087-25.413-1.477s-8.087 17.987-1.477 25.413c6.61 7.425 17.987 8.087 25.413 1.477m-90.225-137.087c-6.599-7.435-17.976-8.112-25.411-1.513s-8.112 17.976-1.513 25.411s17.976 8.112 25.411 1.513s8.112-17.976 1.513-25.411M159.569 307.084c-1.459 9.833 5.33 18.988 15.163 20.447s18.988-5.329 20.447-15.163s-5.33-18.988-15.163-20.447s-18.988 5.329-20.447 15.163"/></svg>

Cómo usar el icono Cherryblossom

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:cherryblossom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:cherryblossom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:cherryblossom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cherryblossom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cherryblossom"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:cherryblossom"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/cherryblossom.svg" alt="Icono Cherryblossom" width="24" height="24">

Preguntas frecuentes sobre Icono Cherryblossom

¿El icono Cherryblossom es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Cherryblossom en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:cherryblossom" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Cherryblossom a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/cherryblossom.svg" alt="Icono Cherryblossom">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →