Mate アイコン
fluent-emoji-high-contrast:mate
Mate アイコン(fluent-emoji-high-contrast:mate)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mate アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。