Иконка Mate
noto:mate
Иконка Mate (noto:mate) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Еда и напитки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#865C52" d="M33.36 53.21S21.45 67.95 22.02 84.2s9.83 38.74 42.52 39.49c32.69.76 45.2-27.3 40.63-46.86c-4.64-19.87-14.74-26.27-14.74-26.27z"/><path fill="#B0B0B0" d="M32.58 54.3s.08-1.69.73-3.74c.59-1.88 1.7-3.77 1.7-3.77s15.61 10.5 16.22 10.81s18.46 3.79 19.79 3.18c1.33-.62 16-8.51 17.13-8.92s2.67-5.64 2.67-5.64s1.67 2.06 2.44 4.89c.45 1.64.43 3.56.43 3.56s.66 5.84-10.77 12.99c-11.49 7.18-31.94 5.58-41.84-1.64c-7.59-5.55-8.5-11.72-8.5-11.72"/><path fill="#E0E0E0" d="M63.33 33.19c-14.97-.17-28.59 6.28-28.79 16.23c-.18 8.51 15.24 15.79 27.87 15.87c16.92.1 29.12-7.97 29.12-15.69c0-7.79-10.05-16.2-28.2-16.41"/><path fill="#858585" d="M78.86 42.12s-4.21-4.85-16.35-4.94c-11.41-.09-18.85 4.04-18.68 10.24c.18 6.92 9.14 7.87 9.14 7.87l23.11-3.55z"/><path fill="#96A520" d="M75.09 47.24s-3.41-2.96-13.03-2.96s-14.91 3.23-15.36 6.47c-.26 1.87.27 2.34.27 2.34s5.39 4.13 16.53 3.95s12.76-2.16 12.76-2.16z"/><path fill="#E0E0E0" d="M69.52 57.66s15-28.93 16.35-30.36s23.98-25.51 23.98-25.51l3.41 3.05l-6.74 7.46S89.81 30.81 89.54 31.61c-.27.81-9.07 18.77-9.43 19.4s-1.98 6.92-2.34 7.01c-.35.09-8.25-.36-8.25-.36"/><path fill="#B0B0B0" d="M75.72 55.23s12.4-24.07 13.12-25.24s23.8-25.73 23.8-25.73l1.7 1.51S92.02 30.6 91.36 31.51c-.94 1.29-11.3 21.59-11.3 21.59s-1.02.73-1.79 1.13c-1.4.72-2.55 1-2.55 1"/><path fill="#B0B0B0" d="M94.4 16.61c-.45-.1-3.68 3.23-3.5 3.77s5.2 5.28 6.01 5.55s3.5-3.14 3.59-3.5s-5.29-5.64-6.1-5.82"/><path fill="#FFF" d="M94.22 18.13c-1.09 0-1.5.94-1.53 1.89c-.03 1.08.45 1.89 1.53 1.89s1.53-1.08 1.53-1.98s-.54-1.8-1.53-1.8"/><path fill="#B78859" d="M32.71 65.91c-1.36-.11-5.63 6.76-5.85 14.49c-.23 7.73 1.76 13.41 3.18 13.58c1.88.23 2.96-6.02 5.4-10.91c2.42-4.85 6.42-8.07 6.36-9.55s-3.07-2.73-5-4.32c-1.93-1.58-3.22-3.21-4.09-3.29"/></svg>Как использовать иконку Mate
React
import { Icon } from "@iconify/react";
<Icon icon="noto:mate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:mate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:mate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--mate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:mate"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:mate"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto/mate.svg" alt="Иконка Mate" width="24" height="24">Иконка Mate в других наборах
Вопросы и ответы: Иконка Mate
Можно ли бесплатно использовать иконку Mate в коммерческих проектах?
Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Mate в React?
Установите @iconify/react и выведите <Icon icon="noto:mate" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Mate на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/mate.svg" alt="Иконка Mate">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.