Иконка Rooster
fluent-emoji-high-contrast:rooster
Иконка Rooster (fluent-emoji-high-contrast:rooster) — бесплатная 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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.11 15.5c-.87 0-1.517.807-1.328 1.659l.001.005c.982 4.2 4.76 7.336 9.257 7.336c4.498 0 8.264-3.135 9.247-7.335c.207-.866-.467-1.665-1.327-1.665z"/><path d="M9 0a4 4 0 0 0-2.649 1A3.55 3.55 0 0 0 3 4.54v1.818l-1.155.97a2.37 2.37 0 0 0-.472 3.1A3.65 3.65 0 0 0 1 12.04v.93a3.03 3.03 0 0 0 2.027 2.867a12.99 12.99 0 0 0 9.891 11.793l-.488 1.87h-1.2c-.66 0-1.19.53-1.19 1.19c0 .17.14.31.31.31h2.727a1.3 1.3 0 0 1-.037-.31c0-.803.43-1.504 1.071-1.885l.238-.91l.035.004q1.199.149 2.39.077l-.327 1.524H15a1 1 0 0 0-1 1a.5.5 0 0 0 .04.196a.31.31 0 0 0 .31.304h5.15a.5.5 0 0 0 .5-.5a1 1 0 0 0-1-1h-1.019l.368-1.716A13 13 0 0 0 28.359 19h.171a2.443 2.443 0 0 0 2.449-2.293a2.706 2.706 0 0 0 .66-3.438c.156-.274.264-.574.319-.885a2.7 2.7 0 0 0-.311-1.8a2.36 2.36 0 0 0 .123-1.519A8.007 8.007 0 0 0 16 10.656v.904a1 1 0 0 1-.066-.1l-.2-.382l-1.4-2.708l.118-.119a4.006 4.006 0 0 0-.01-5.658a3.96 3.96 0 0 0-2.361-1.14A4.03 4.03 0 0 0 9 0M5 7a2.996 2.996 0 0 1 5.66-1.38l1.227 2.373l.002-.001V8l2.229 4.31A3.13 3.13 0 0 0 16.9 14a1.1 1.1 0 0 0 1.1-1.1v-2.159A6.008 6.008 0 0 1 29.83 9.55a.367.367 0 0 1-.54.41l-1.849-1.07a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.559-.9a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.56-.9a.5.5 0 1 0-.489.87l1.839 1.06a.45.45 0 0 1 .2.49a.45.45 0 0 1-.44.33h-1.079a.81.81 0 0 0-.78.62A10.993 10.993 0 0 1 5 15v-3.84a.913.913 0 0 1 .91-.91h1.34A2.25 2.25 0 1 0 5 8v1.26a1.2 1.2 0 0 1-.339.833L3.22 9.48a.368.368 0 0 1-.09-.62L5 7.291zm2.4.7a.7.7 0 1 1-1.4 0a.7.7 0 0 1 1.4 0"/></g></svg>
Как использовать иконку Rooster
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:rooster" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:rooster" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:rooster" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--rooster]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:rooster"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:rooster"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rooster.svg" alt="Иконка Rooster" width="24" height="24">
Иконка Rooster в других наборах
Вопросы и ответы: Иконка Rooster
Можно ли бесплатно использовать иконку Rooster в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Rooster в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:rooster" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rooster на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rooster.svg" alt="Иконка Rooster">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
