Иконка Rosette
noto-v1:rosette
Иконка Rosette (noto-v1:rosette) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#cc4d21" d="m65.9 22.4l25.7-6.7c5.6-1.4 11 2.8 10.9 8.5L102 48c0 1.9.5 3.7 1.6 5.2l14.6 20.6c3.4 4.7 1.2 11.4-4.3 13.2l-24 8.1q-2.55.9-4.2 3l-15.1 20.4c-3.5 4.7-10.5 4.7-13.9 0L41.5 98.1c-1.1-1.4-2.5-2.5-4.2-3l-24-8.1C7.8 85.1 5.6 78.5 9 73.8L23.7 53c1-1.4 1.5-3 1.6-4.7l.8-24.7c.2-5.6 5.6-9.6 11-8.1l24.2 6.8c1.5.5 3.1.5 4.6.1"/><path fill="#cc4d21" d="M68.1 67s2.8 9.4 2 19.4c-.7 8.5-4.1 18.4-5.8 22c-.3.6-1.1.6-1.4 0c-1.7-3.4-5.2-13.2-5.2-22c0-11.7 2.9-19.5 2.9-19.5zM55 65.5s-8 5.7-17.8 8.1c-8.2 2.1-18.8 2-22.7 1.5c-.6-.1-.9-.8-.4-1.3c2.7-2.7 10.8-9.2 19.2-12c11.1-3.7 19.4-3.5 19.4-3.5zm1.4-10.4s-7.9-5.8-13.3-14.3c-4.5-7.2-7.8-17.2-8.6-21c-.1-.6.5-1.1 1.1-.8C39 20.6 47.7 26.3 53 33.3c7 9.4 9.4 17.3 9.4 17.3zm9.7-4.1s3-9.4 9.4-17.3c5.4-6.6 13.9-13 17.3-15c.6-.3 1.2.1 1.1.8c-.6 3.8-3.2 13.9-8.2 21.2c-6.7 9.7-13.5 14.6-13.5 14.6zm8.9 6.9s9.8.2 19.1 4.1c7.8 3.3 16.3 9.6 19.1 12.3c.5.4.2 1.2-.4 1.3c-3.7.5-14.2.9-22.5-1.8C79.1 70.1 72.6 65 72.6 65z"/><path fill="#ed6c30" d="M111.7 76.2c11.9-.8 15.8-9.6 14.7-15.7c-1.5-7.8-4.9-8.6-6.8-13.9c-1.4-5.5 1-8-2.2-15.3c-2.5-5.7-11.2-10.5-21.5-4.5c-10 5.8-8 19.1-21.2 23.9c.8-13.8 12.7-17.1 15.3-28.3c2.7-11.6-4.5-18.3-10.6-18.9c-8-.9-9.7 2.1-15.4 2.4c-5.7-.3-7.3-3.3-15.3-2.4c-6.1.7-13.3 7.3-10.6 18.9c2.6 11.2 15 14.2 15.9 28c-13.3-4.8-11.8-17.9-21.8-23.7c-10.3-6-19.1-1.2-21.5 4.5c-3.2 7.3-.8 9.8-2.2 15.3c-1.9 5.3-5.3 6-6.8 13.9c-1.2 6.1 2.8 14.8 14.7 15.7c11.7.8 17-10.7 31.2-6.7c-9.1 11.2-20.3 6.2-29.2 13.7c-9.1 7.7-6.6 16.9-2.1 21.1c5.8 5.5 9 4.1 13.7 7.2c4.4 3.6 3.9 7 10.8 11.1c5.3 3.1 14.9 2.7 19.6-8.2c4.6-10.4-3.5-20.6 3.7-31.9c8 11.6.1 21.9 4.9 32.4c4.9 10.8 14.5 11.1 19.8 7.9c6.8-4.2 6.3-7.6 10.6-11.2c4.6-3.2 7.8-1.9 13.6-7.4c4.5-4.3 6.8-13.6-2.4-21.1c-9.1-7.4-21.1-2-30.4-13.6c13.8-3.8 19.9 7.6 31.5 6.8"/><path fill="#fff" d="m61.4 45.8l-5.1-1.3c-4.9-1.3-9.6 2.5-9.5 7.5l.1 3.8c0 1.6-.5 3.2-1.4 4.5L43 63.8c-3 4.2-1.1 10 3.8 11.6l4.2 1.4c1.5.5 2.8 1.4 3.7 2.7l2.7 3.6c3 4.1 9.2 4.1 12.2 0l2.7-3.6c.9-1.2 2.2-2.2 3.7-2.7l4.2-1.4c4.8-1.6 6.7-7.5 3.8-11.6l-2.6-3.7c-.9-1.2-1.4-2.7-1.4-4.2l-.1-4.5c-.2-4.9-4.9-8.4-9.7-7.1l-4.6 1.3c-1.5.6-2.9.6-4.2.2"/><circle cx="63.4" cy="64.2" r="11.2" fill="#fcc31b"/></svg>
Как использовать иконку Rosette
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:rosette" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:rosette" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:rosette" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--rosette]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:rosette"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:rosette"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/rosette.svg" alt="Иконка Rosette" width="24" height="24">
Иконка Rosette в других наборах
Вопросы и ответы: Иконка Rosette
Можно ли бесплатно использовать иконку Rosette в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Rosette в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:rosette" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rosette на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/rosette.svg" alt="Иконка Rosette">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
ICONYZ
