Icono Rosette

emojione-v1:rosette

El icono Rosette (emojione-v1:rosette) es un icono SVG gratuito de la colección Emoji One (v1) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (v1) 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: Emoji One (v1)
Autor: Emoji One
Licencia: CC-BY-SA-4.0
Tamaño: 64 × 64
Categoría: Actividades

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f2a2e3" d="M59.32 44.966c-3.271-6.16-15.359-13.438-21.517-10.167c-2.749 1.46-5.231 1.799-5.529 5.954c-.408 5.685.09 14.156 1.9 17.564c3.269 6.157 8.56.625 14.715-2.644c6.159-3.27 13.702-4.553 10.431-10.707"/><path fill="#af69a5" d="M55.918 40.769c-5.03-4.703-13.345-8.505-18.11-5.97c-.742.396-1.462.709-2.13 1.039c5.964 3.992 13.1 5.417 20.244 4.931"/><path fill="#e090d8" d="M46.13 6.967c0 6.974-7.264 19.07-14.236 19.07c-6.971 0-14.236-12.1-14.236-19.07s7.265-4.566 14.236-4.566S46.13-.003 46.13 6.967M5.158 44.966c3.271-6.16 15.359-13.438 21.517-10.167c2.75 1.46 5.228 1.799 5.529 5.954c.408 5.685-.093 14.156-1.9 17.564c-3.271 6.157-8.559.625-14.716-2.644c-6.158-3.27-13.701-4.553-10.43-10.707"/><g fill="#ce86cb"><path d="M32.2 40.771c-.188-2.588-1.219-3.693-2.637-4.515c3.184 7.575 1.531 17.93-3.384 24.828c1.584.107 2.979-.599 4.12-2.75c1.808-3.407 2.308-11.879 1.901-17.563"/><path d="M32.27 40.771c.188-2.588 1.219-3.693 2.636-4.515c-3.183 7.575-1.53 17.93 3.385 24.828c-1.584.107-2.979-.599-4.12-2.75c-1.811-3.407-2.309-11.879-1.901-17.563"/></g><path fill="#f29ce6" d="M60.878 37.607c-6.266 3.062-20.321 1.853-23.388-4.408c-3.062-6.261 4.611-18.1 10.876-21.17c6.263-3.062 7.296 4.52 10.358 10.784c3.063 6.261 8.412 11.728 2.154 14.792"/><path fill="#af69a5" d="M9.525 39.939c5.03-4.702 13.345-8.504 18.11-5.969c.745.396 1.463.709 2.13 1.039c-5.963 3.993-13.1 5.417-20.244 4.93"/><path fill="#f29ce6" d="M2.906 37.607c6.265 3.062 20.322 1.853 23.384-4.408c3.065-6.261-4.611-18.1-10.873-21.17c-6.265-3.062-7.295 4.52-10.36 10.784c-3.062 6.261-8.412 11.728-2.151 14.792"/><path fill="#e6e7e8" d="M42.708 30.18c0 5.97-4.843 10.816-10.817 10.816c-5.973 0-10.813-4.847-10.813-10.816c0-5.976 4.84-10.819 10.813-10.819s10.817 4.843 10.817 10.819"/></svg>

Cómo usar el icono Rosette

React

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

<Icon icon="emojione-v1:rosette" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:rosette" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:rosette" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--rosette]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:rosette"></div>

Web component

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

<iconify-icon icon="emojione-v1:rosette"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/rosette.svg" alt="Icono Rosette" width="24" height="24">

El icono Rosette en otras colecciones

Preguntas frecuentes sobre Icono Rosette

¿El icono Rosette es gratis para uso comercial?

Sí. Emoji One (v1) 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 Rosette en React?

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

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

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

Ver todos los Iconos Emoji One (v1) →