Иконка Fox
fluent-emoji-flat:fox
Иконка Fox (fluent-emoji-flat:fox) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- 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="none"><path fill="#ff822d" d="M17.558 5.98A12 12 0 0 0 16.86 8h-2.58c-.17-.69-.41-1.386-.715-2.057l-3.534-.92l-3.466.913a10.9 10.9 0 0 0-.985 4.484v7.77c0 .45-.36.81-.81.81H2.63c-.41 0-.71.4-.6.8q.174.616.402 1.209l13.153 4.846l13.144-4.847q.227-.592.401-1.208c.11-.4-.19-.8-.61-.8h-2.14c-.45 0-.81-.36-.81-.81v-7.77a10.9 10.9 0 0 0-.962-4.428l-3.567-.969z"/><path fill="#ff6723" d="M10.19 3.98a8.64 8.64 0 0 1 2.64 4.4a10 10 0 0 0-5.76 4.36V10.4c0-2.47 1.06-4.79 2.87-6.42c.07-.06.18-.06.25 0m13.88 6.44v2.31a10 10 0 0 0-5.77-4.35a8.6 8.6 0 0 1 2.63-4.39c.07-.06.18-.06.25 0a8.57 8.57 0 0 1 2.89 6.43"/><path fill="#ffdea7" d="M28.73 20.99h-6.46c-1.75 0-3.46.55-4.88 1.57l-1.81 1.29l-1.81-1.29a8.37 8.37 0 0 0-4.88-1.57H2.42C4.43 26.26 9.53 30 15.5 30h.14c5.98-.01 11.08-3.75 13.09-9.01"/><path fill="#212121" d="M13.58 5.95c-.65-1.43-1.6-2.75-2.79-3.71c-.2-.16-.45-.24-.7-.24s-.5.08-.7.24c-1.21.97-2.18 2.26-2.83 3.71zm8.18-3.71c-.2-.16-.45-.24-.7-.24s-.5.08-.7.24c-1.2.97-2.16 2.31-2.81 3.76h7.07c-.66-1.47-1.63-2.78-2.86-3.76M11 18a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm7 0a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm-2.42 7.63c.54.82 1.48 1.37 2.54 1.37c.27 0 .49-.22.49-.5s-.22-.5-.5-.5c-1.12 0-2.04-.91-2.04-2.04a.5.5 0 0 0-.052-.226a1 1 0 0 0 .172-.134l1.13-1.13a.865.865 0 0 0-.61-1.48h-2.26c-.78 0-1.17.93-.62 1.48l1.13 1.13q.076.075.165.13a.5.5 0 0 0-.055.23c0 1.12-.91 2.04-2.04 2.04c-.28 0-.5.22-.5.5s.22.5.5.5c1.06 0 2-.55 2.55-1.37"/></g></svg>
Как использовать иконку Fox
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:fox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:fox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:fox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--fox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:fox"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:fox"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fox.svg" alt="Иконка Fox" width="24" height="24">
Иконка Fox в других наборах
Вопросы и ответы: Иконка Fox
Можно ли бесплатно использовать иконку Fox в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Fox в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:fox" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fox на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fox.svg" alt="Иконка Fox">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
