Иконка Coat
fluent-emoji-high-contrast:coat
Иконка Coat (fluent-emoji-high-contrast:coat) — бесплатная 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="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="m9.076 23.684l3.718-2.2c.06-.04.206 0 .206.106v.414c0 .289-.086.512-.335.66l-2.503 1.49a.82.82 0 0 1-1.136-.29a.144.144 0 0 1 .05-.18m7.928-5.182a.502.502 0 1 1-1.004 0a.502.502 0 0 1 1.004 0m-.502 3.502a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004M17 24.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m2.206-3.016l3.73 2.2c.06.04.08.12.05.18c-.23.4-.75.53-1.14.29l-2.51-1.49c-.25-.148-.336-.371-.336-.66v-.414c0-.106.146-.146.206-.106"/><path d="M11.977 4q.1 0 .2.01H19v.002h1.468c2.69 0 4.061 1.876 4.723 3.092l.025.047l6.38 12.5q.023.045.043.09a2.617 2.617 0 0 1-1.092 3.346l-.027.015l-3.113 1.716a2.6 2.6 0 0 1-1.402.329v3.852c0 1.526-1.195 2.992-3.001 2.992H9.017c-1.544 0-3.029-1.163-3.029-2.98v-.007l.015-3.868a2.6 2.6 0 0 1-1.541-.318l-3.113-1.716l-.027-.015a2.617 2.617 0 0 1-1.05-3.436L7.015 6.44l.025-.048c.397-.729.94-1.394 1.734-1.84C9.555 4.112 10.376 4 11.12 4zM6.01 23.086a.6.6 0 0 0 .263-.256l1.749-2.865l-.035 9.047c0 .58.453.979 1.028.979h4.99v-12.75l-.004-.047v-2.113L9.924 11.41a.423.423 0 0 1 .02-.64l.35-.28s.39-.34.51-.47c.13-.12.09-.23 0-.24c-.09-.02-.84-.05-.84-.05c-.4 0-.7-.38-.6-.77l.4-1.76c.18-.7.81-1.2 1.53-1.2h-.175c-1.096 0-1.774.338-2.324 1.348L2.055 20.56c-.13.29-.02.63.26.79l3.12 1.72c.184.105.4.103.576.016M15 16.883v13.108h8.004a.98.98 0 0 0 1-.992v-9.012l1.59 2.843a.613.613 0 0 0 .84.24l3.12-1.72c.28-.16.39-.5.26-.79l-6.38-12.5c-.55-1.01-1.4-2.048-2.967-2.048h-.662c.638.079 1.175.55 1.34 1.188l.4 1.76c.1.39-.2.77-.6.77c0 0-.75.03-.84.05c-.09.01-.13.12 0 .24s.51.46.51.46l.35.29c.2.16.21.46.02.64zm2.22-11.768l.057-.105h-3.563l.027.047l1.81 3.388z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Как использовать иконку Coat
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:coat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:coat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:coat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--coat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:coat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:coat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/coat.svg" alt="Иконка Coat" width="24" height="24">Иконка Coat в других наборах
Вопросы и ответы: Иконка Coat
Можно ли бесплатно использовать иконку Coat в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Coat в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:coat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Coat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/coat.svg" alt="Иконка Coat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.