Tooth アイコン
fluent-emoji-high-contrast:tooth
Tooth アイコン(fluent-emoji-high-contrast:tooth)は、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"><g fill="currentColor"><path d="M20.281 7.656c1.425-.75 3.219-1.146 3.938-1.25c-1.188-.281-3.8-.743-4.75-.343c-.478.2-.946.569-1.413.937c-.695.547-1.39 1.094-2.119 1.094c-.796 0-1.7-.601-2.588-1.192c-.47-.313-.937-.623-1.38-.84c-1.025-.5-3.656.021-4.844.344c1.156.198 3.369.6 4.469 1.25c.343.203.669.433.996.664c.983.695 1.98 1.399 3.504 1.399q.191 0 .364-.013c-.546.845-.966 1.835-.966 2.76a.5.5 0 1 0 1 0c0-.753.413-1.691 1.024-2.536a7 7 0 0 1 .74-.873c.184-.127.364-.267.553-.413q.238-.188.508-.385l.024-.01a.5.5 0 0 0 .194-.143c.222-.15.467-.303.746-.45"/><path d="M18.534 28.385a2.63 2.63 0 0 0 1.774.692q.119-.002.236-.016a2.55 2.55 0 0 0 1.55-.688a11.16 11.16 0 0 0 3.624-7.566l.1-1.606a1.68 1.68 0 0 1 .849-1.352a8.41 8.41 0 0 0 4.332-7.837a8.48 8.48 0 0 0-8.889-8a8.4 8.4 0 0 0-4.425 1.53a2.925 2.925 0 0 1-3.36 0a8.457 8.457 0 1 0-9.738 13.83c.233.167.488.323.757.482a1.66 1.66 0 0 1 .838 1.347l.1 1.613a11.15 11.15 0 0 0 3.619 7.56a2.63 2.63 0 0 0 3.713-.145c.388-.428.63-.968.692-1.543l.459-4.791c.092-.878.803-1.895 1.219-1.895s1.16 1.017 1.251 1.885l.459 4.792c.057.654.356 1.264.84 1.708m.691-6.699C19.066 20.179 17.821 18 15.984 18c-1.816 0-3.05 2.179-3.21 3.694l-.458 4.785a.7.7 0 0 1-.17.392a.62.62 0 0 1-.436.2a.66.66 0 0 1-.456-.171a9.17 9.17 0 0 1-2.971-6.216l-.1-1.6a3.66 3.66 0 0 0-1.838-2.963a8 8 0 0 1-.6-.379a6.457 6.457 0 1 1 7.429-10.564a4.93 4.93 0 0 0 5.662 0A6.456 6.456 0 0 1 29 10.123a6.43 6.43 0 0 1-3.309 5.988a3.68 3.68 0 0 0-1.864 2.966l-.1 1.609a9.2 9.2 0 0 1-3 6.233a.58.58 0 0 1-.356.155a.624.624 0 0 1-.685-.58z"/></g></svg>
Tooth アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:tooth" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:tooth" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:tooth" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--tooth]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:tooth"></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:tooth"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tooth.svg" alt="Tooth アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
Tooth アイコン のよくある質問
Tooth アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tooth アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:tooth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tooth アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tooth.svg" alt="Tooth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
