ICONYZ
Español
Icono Black Rosette de Emoji One (v1)

Icono Black Rosette

emojione-v1:black-rosette

El icono Black Rosette (emojione-v1:black-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
Etiquetas
blackrosette
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#3a4e52" d="M59.6 45.517c-3.287-6.189-15.432-13.504-21.618-10.218c-2.762 1.467-5.255 1.808-5.555 5.985c-.41 5.711.09 14.22 1.909 17.644c3.283 6.188 8.596.628 14.785-2.652c6.184-3.287 13.761-4.58 10.479-10.759"/><path fill="#334447" d="M56.18 41.3c-5.056-4.723-13.408-8.542-18.2-5.998c-.748.401-1.47.712-2.14 1.048c5.992 4.01 13.166 5.44 20.34 4.95"/><path fill="#3a4e52" d="M46.34 7.338c0 7.01-7.297 19.16-14.303 19.16c-7.01 0-14.303-12.156-14.303-19.16c0-7 7.296-4.588 14.303-4.588c7.01 0 14.303-2.415 14.303 4.588"/><path fill="#3b5356" d="M5.18 45.517c3.286-6.189 15.431-13.504 21.617-10.218c2.762 1.467 5.255 1.808 5.558 5.985c.407 5.711-.093 14.22-1.909 17.644c-3.286 6.188-8.602.628-14.785-2.652c-6.189-3.287-13.764-4.58-10.481-10.759"/><g fill="#334447"><path d="M32.355 41.3c-.188-2.604-1.227-3.711-2.648-4.537c3.2 7.607 1.535 18.01-3.403 24.945c1.595.107 2.993-.604 4.142-2.766c1.816-3.424 2.316-11.932 1.909-17.642"/><path d="M32.427 41.3c.186-2.604 1.225-3.711 2.646-4.537c-3.196 7.607-1.535 18.01 3.403 24.945c-1.595.107-2.993-.604-4.14-2.766c-1.819-3.424-2.319-11.932-1.909-17.642"/></g><path fill="#43585b" d="M61.16 38.12c-6.297 3.077-20.417 1.861-23.496-4.43c-3.08-6.291 4.633-18.19 10.927-21.269c6.291-3.077 7.326 4.541 10.406 10.836c3.076 6.292 8.451 11.78 2.163 14.863"/><path fill="#334447" d="M9.567 40.465c5.058-4.723 13.408-8.542 18.203-5.998c.749.401 1.47.712 2.137 1.048c-5.989 4.01-13.163 5.44-20.34 4.95"/><path fill="#43585b" d="M2.92 38.12c6.294 3.077 20.417 1.861 23.494-4.43c3.08-6.291-4.633-18.19-10.927-21.269c-6.291-3.076-7.326 4.541-10.406 10.837C2.004 29.549-3.371 35.037 2.92 38.12"/><path fill="#e6e7e8" d="M42.908 30.666c0 5.998-4.863 10.864-10.867 10.864c-6 0-10.867-4.866-10.867-10.864c0-6 4.866-10.872 10.867-10.872c6 0 10.867 4.868 10.867 10.872"/></svg>

Cómo usar el icono Black Rosette

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:black-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:black-rosette"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Emoji One (v1)

Preguntas frecuentes sobre Icono Black Rosette

¿El icono Black 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 Black Rosette en React?

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

¿Cómo añado el icono Black 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/black-rosette.svg" alt="Icono Black Rosette">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Emoji One (v1) →