Иконка Rosette

openmoji:rosette

Иконка Rosette (openmoji:rosette) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Животные и природа

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" stroke="#d22f27" stroke-miterlimit="10" stroke-width="2" d="M35.466 10c-5.667 0-10.267 7.196-10.411 16.155c-8.499.45-15.176 4.921-15.176 10.38c0 5.465 6.693 9.94 15.206 10.38c.441 8.513 4.916 15.206 10.38 15.206c5.458 0 9.93-6.677 10.38-15.176C54.804 46.801 62 42.201 62 36.535c0-5.66-7.18-10.256-16.125-10.41C45.721 17.18 41.125 10 35.465 10Z"/><path fill="#ea5a47" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607"/><circle cx="35.591" cy="35.781" r="8.003" fill="#f4aa41" stroke="#f4aa41" stroke-miterlimit="10" stroke-width="2"/><circle cx="35.591" cy="35.781" r="4.446" fill="#fcea2b" stroke="#fcea2b" stroke-miterlimit="10" stroke-width="2"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607m5.35 24.723A8.31 8.31 0 0 0 62 36.535c0-2.575-1.485-4.929-3.947-6.745M28.391 57.71c1.857 2.738 4.342 4.411 7.075 4.411a8.3 8.3 0 0 0 6.35-3.436M13.125 30.343a8.2 8.2 0 0 0-3.246 6.192a7.86 7.86 0 0 0 2.566 5.57M42.077 13.77c-1.797-2.356-4.1-3.77-6.611-3.77a8.3 8.3 0 0 0-6.349 3.435"/><circle cx="35.591" cy="35.781" r="8.003"/><circle cx="35.591" cy="35.781" r="4.446"/></g></svg>

Как использовать иконку Rosette

React

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

<Icon icon="openmoji:rosette" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:rosette" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:rosette" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="openmoji:rosette"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/rosette.svg" alt="Иконка Rosette" width="24" height="24">

Иконка Rosette в других наборах

Вопросы и ответы: Иконка Rosette

Можно ли бесплатно использовать иконку Rosette в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Rosette в React?

Установите @iconify/react и выведите <Icon icon="openmoji:rosette" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Rosette на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/rosette.svg" alt="Иконка Rosette">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →