Иконка Mate
fluent-emoji-high-contrast:mate
Иконка Mate (fluent-emoji-high-contrast:mate) — бесплатная 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="m23.31 3.133l-1.91-1.1a.255.255 0 0 0-.37.15l-.796 2.646l-.044-.026a.505.505 0 0 0-.51.87l.016.01l-1.512 2.619A8 8 0 0 0 16 8a7.97 7.97 0 0 0-5.292 2H6a1 1 0 1 0 0 2a2 2 0 0 1 .28.353c.22.358.22.647.22.647c0 .245-.09.52-.225.846q-.088.207-.194.444C5.637 15.288 5 16.72 5 19c0 6.5 5 11 11 11s11-4.5 11-11c0-2.28-.637-3.712-1.08-4.71q-.107-.237-.195-.444c-.135-.327-.225-.601-.225-.846c0 0 0-.113.054-.285a1.6 1.6 0 0 1 .199-.414q.095-.148.247-.301a1 1 0 1 0 0-2h-4.708a8 8 0 0 0-1.693-1.147l1.396-2.418l.015.008c.24.14.55.05.69-.18c.14-.24.06-.55-.18-.69l-.051-.03l1.891-2.01c.12-.13.09-.32-.05-.4M8.387 13.846h15.226c.084.327.197.603.277.793c.098.235.167.389.232.534c.082.18.156.346.271.632c.305.764.607 1.759.607 3.195c0 5.336-4.044 9-9 9s-9-3.664-9-9c0-1.436.302-2.431.607-3.195c.115-.286.19-.452.27-.632c.066-.145.136-.3.234-.534c.08-.19.192-.466.276-.793"/></svg>Как использовать иконку Mate
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:mate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:mate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:mate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--mate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:mate"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:mate"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/mate.svg" alt="Иконка Mate" width="24" height="24">Иконка Mate в других наборах
Вопросы и ответы: Иконка Mate
Можно ли бесплатно использовать иконку Mate в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Mate в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:mate" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Mate на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/mate.svg" alt="Иконка Mate">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.