Teeth アイコン
fluent-mdl2:teeth
Teeth アイコン(fluent-mdl2:teeth)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 512q70 0 132-20t124-44t123-44t133-20v128q-44 0-84 9t-78 24t-78 31t-81 31t-89 23t-102 10q-55 0-102-9t-89-24t-80-31t-78-31t-79-23t-84-10V384q69 0 132 20t124 44t124 44t132 20m1024 67q0 177-26 360t-76 363t-126 349t-173 319q-24 36-61 57t-81 21q-55 0-99-31t-61-84l-178-532q-35 4-71 5t-72 2q-36 0-72-1t-71-6l-178 532q-17 52-61 83t-99 32q-44 0-81-21t-61-57q-98-149-173-318t-125-349t-77-363T0 579q0-112 34-216t99-185T293 49T510 0q71 0 133 20t124 44t123 44t134 20q71 0 133-20t124-44t123-44t134-20q122 0 217 48t160 129t99 185t34 217m-128 2q0-93-25-175t-75-144t-126-98t-175-36q-58 0-111 20t-112 44t-124 44t-148 20t-148-20t-124-44t-114-44t-122-20q-97 0-170 38T225 267t-73 144t-24 170q0 98 11 211t34 234t55 241t75 236t95 216t112 182q15 19 38 19q12 0 31-36t40-94t45-126t43-133t37-118t24-77q8-26 30-45t52-20q44 0 87 4t87 5q44 0 87-4t87-5q29 0 51 19t31 46q8 24 24 77t36 117t44 134t44 126t41 93t31 37q23 0 38-19q60-80 112-182t94-216t75-235t55-241t34-234t12-212"/></svg>
Teeth アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:teeth" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:teeth" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:teeth" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--teeth]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:teeth"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:teeth"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/teeth.svg" alt="Teeth アイコン" width="24" height="24">
Teeth アイコン のよくある質問
Teeth アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Teeth アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:teeth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Teeth アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/teeth.svg" alt="Teeth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI MDL2 アイコン をすべて見る →
ICONYZ
