ICONYZ
Русский
Иконка Rosette из набора Fluent Emoji High Contrast

Иконка Rosette

fluent-emoji-high-contrast:rosette

Иконка Rosette (fluent-emoji-high-contrast:rosette) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent Emoji High Contrast
Автор
Microsoft Corporation
Лицензия
MIT
Размер
32 × 32
Категория
Животные и природа
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M18.123 12.829c2.16 0 3.06 2.76 1.31 4.03c.67 2.05-1.68 3.76-3.43 2.49c-1.75 1.27-4.1-.44-3.43-2.49c-1.75-1.27-.85-4.03 1.31-4.03c.67-2.05 3.57-2.05 4.24 0m-2.12 4.34a1.63 1.63 0 1 0 0-3.26a1.63 1.63 0 0 0 0 3.26"/><path d="M25.873 6.529c-1.41-.67-3.41.12-3.41.12s.09-2.16-1-3.27c-1.954-1.983-4.17-1.588-5.595-.316c-1.445-1.228-3.656-1.564-5.565.446c-1.07 1.13-.94 3.28-.94 3.28s-2.02-.75-3.42-.05C3.46 7.98 3.144 10.201 3.905 11.946c-1.615 1.004-2.616 3-1.292 5.433c.74 1.37 2.83 1.91 2.83 1.91s-1.34 1.69-1.11 3.23c.419 2.752 2.435 3.735 4.332 3.55c.452 1.846 2.04 3.414 4.768 2.91c1.53-.28 2.69-2.1 2.69-2.1s1.19 1.8 2.73 2.05c2.742.455 4.302-1.158 4.71-3.019c1.897.137 3.88-.891 4.24-3.631c.2-1.55-1.17-3.21-1.17-3.21s2.08-.58 2.79-1.96c1.276-2.465.23-4.446-1.408-5.41c.721-1.756.364-3.971-2.142-5.17m-1.94 6.65c1.57.08 3.22 1.61 2.15 3.72c-.44.85-1.72 1.21-1.72 1.21s.84 1.02.72 1.97c-.31 2.34-2.55 2.65-3.88 1.82c-.57-.35-1.06-.89-1.49-1.48q-.015.008-.03.02t-.03.02c.44.58.81 1.2.98 1.85c.4 1.52-.54 3.57-2.87 3.18c-.95-.16-1.68-1.26-1.68-1.26s-.71 1.12-1.65 1.29c-2.32.43-3.3-1.6-2.93-3.12c.16-.65.52-1.28.95-1.87a.1.1 0 0 1-.025-.02a.1.1 0 0 0-.025-.02c-.41.61-.89 1.15-1.46 1.52c-1.32.85-3.56.59-3.91-1.75c-.14-.95.68-1.99.68-1.99s-1.28-.33-1.74-1.17c-1.13-2.07.5-3.63 2.06-3.75c.7-.06 1.44.1 2.16.35c0-.03.01-.05.02-.07c-.73-.21-1.43-.5-1.97-.94c-1.22-.99-1.66-3.2.45-4.26c.86-.43 2.1.03 2.1.03s-.08-1.32.58-2.01c1.63-1.72 3.61-.65 4.21.8c.27.66.35 1.43.33 2.21h.06c-.03-.78.03-1.55.28-2.23c.56-1.46 2.53-2.56 4.19-.88c.68.69.62 2.01.62 2.01s1.24-.48 2.1-.07c2.14 1.02 1.74 3.24.54 4.25c-.54.45-1.22.76-1.95.98q.007.015.01.03l.01.03c.72-.26 1.46-.44 2.16-.4"/></g></svg>

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

React

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

<Icon icon="fluent-emoji-high-contrast:rosette" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:rosette" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:rosette" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--rosette]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:rosette"></div>

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

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

<iconify-icon icon="fluent-emoji-high-contrast:rosette"></iconify-icon>

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

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

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

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

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

Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Fluent Emoji High Contrast →