Иконка Skunk
fluent-emoji-high-contrast:skunk
Иконка Skunk (fluent-emoji-high-contrast:skunk) — бесплатная 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"><path fill="currentColor" d="M16.34 3.751c-1.89 1.45-4.2 2.25-6.57 2.25a.763.763 0 0 0-.767.701L8.99 6.69l.01.195l.005.112l.002.002l.055.998c.065 1.166.42 2.05 1.142 2.638c.6.489 1.39.722 2.305.812v.044h8.199c.84.005 1.549.195 2.032.544c.3.216.53.504.655.886a6.8 6.8 0 0 0-2.396-.42a7.5 7.5 0 0 0-5.355 2.248a10 10 0 0 0-.31.33c-.835.856-1.545 1.13-2.14 1.134c-.466.003-.925-.158-1.385-.444a1.5 1.5 0 0 0-1.48-.758l-.139-.056a3.8 3.8 0 0 0-1.416-.268c-1.36 0-2.615.709-3.355 1.868L4.3 18.329a1.02 1.02 0 0 1-.862.479h-.373a1 1 0 0 0-.948.686a.6.6 0 1 1-.098.507h-.015c.037.881.372 2 1.896 2h.97c.6 0 1.05.25 1.36.77l1.57 2.47c.24.39.26.88.05 1.29l-1.51 3.02c-.1.21.05.45.29.45h2.21c.28 0 .54-.12.72-.33l2.328-2.754l1.772 2.794c.11.18.31.29.53.29h1.5c.17 0 .31-.14.31-.31v-3.69h3v3.69c0 .17.14.31.31.31h1.5c.22 0 .41-.11.53-.29l1.552-2.447l1.548 2.447c.11.18.31.29.53.29h2.41c.34 0 .62-.28.62-.62v-9.38q-.001-.774-.16-1.5h.002l-.011-.039a7 7 0 0 0-.328-1.059a9 9 0 0 0-.251-.637a8.5 8.5 0 0 0 2.758-6.325c-.04-4.61-3.78-8.37-8.38-8.44c-1.99-.03-3.83.63-5.29 1.75m11.311 14.107a10 10 0 0 0-.138-.427q.111.28.197.57h-.017zm-16.763-.646a.81.81 0 0 1-1.184-.562l-.001-.006a.815.815 0 0 1 .436-.868a.8.8 0 0 1 .361-.085h.01q.046 0 .088.006a.81.81 0 0 1 .29 1.515M7.28 19.351v-.6c0-.28.22-.5.5-.5s.5.22.5.5v.6c0 .27-.22.5-.5.5s-.5-.22-.5-.5m9.076-3.9A6.5 6.5 0 0 1 21 13.502c2.64 0 4.52 1.586 5.45 3.937a1 1 0 0 1-.476-.378a5.78 5.78 0 0 0-4.794-2.559a5.76 5.76 0 0 0-4.074 1.686l-.11.11a4.13 4.13 0 0 1-2.906 1.204a4.1 4.1 0 0 1-1.8-.42c.29.086.594.134.91.133c.944-.007 1.896-.455 2.858-1.444l.006-.006l.006-.007c.102-.111.193-.212.284-.303zm-7.581.236q.13 0 .254.01a3.4 3.4 0 0 0-2.146 1.34l-.004.005l-1.07 1.48v.001a2.4 2.4 0 0 1-1.11.84a2 2 0 0 0 .447-.5l1.117-1.77c.564-.882 1.506-1.405 2.512-1.405m11.938-5.196h-7.475l-.205-.01c-1.042-.048-1.743-.252-2.196-.621a1.84 1.84 0 0 1-.537-.74c.363.178.735.28 1.123.335c.517.073 1.088.06 1.68.047a32 32 0 0 1 .717-.01h7.75a4.93 4.93 0 0 1 4.93 4.93c0 .368-.015.642-.039.84q-.175-.187-.403-.46l-.011-.013c-.156-.183-.329-.387-.512-.586c-.295-.318-.649-.66-1.048-.893c-.08-.911-.504-1.613-1.16-2.086c-.71-.51-1.646-.728-2.614-.733"/></svg>Как использовать иконку Skunk
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:skunk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:skunk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:skunk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--skunk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:skunk"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:skunk"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/skunk.svg" alt="Иконка Skunk" width="24" height="24">Иконка Skunk в других наборах
Вопросы и ответы: Иконка Skunk
Можно ли бесплатно использовать иконку Skunk в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Skunk в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:skunk" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Skunk на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/skunk.svg" alt="Иконка Skunk">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.