Tooth 20 アイコン
energy-icons:tooth-20
Tooth 20 アイコン(energy-icons:tooth-20)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 20 × 20
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M12.408 2.581c.894-.168 1.85-.178 2.816.305l.196.11c.94.593 1.331 1.8 1.383 3.025c.052 1.255-.238 2.69-.819 3.953l-.12.25c-.38.759-.578 1.729-.789 2.886c-.18.993-.367 2.104-.7 3.23l-.15.485c-.254.76-.82 1.28-1.517 1.28s-1.262-.52-1.515-1.28l-.01-.037l-.835-3.334c-.037-.15-.165-.246-.348-.246c-.16 0-.277.074-.33.192l-.018.054l-.834 3.334l-.01.037c-.254.76-.82 1.28-1.516 1.28c-.653 0-1.191-.457-1.465-1.14l-.05-.14c-.431-1.29-.645-2.58-.851-3.715c-.185-1.012-.36-1.881-.656-2.591l-.134-.295c-.661-1.322-.994-2.864-.938-4.203c.055-1.307.495-2.593 1.578-3.135c.966-.483 1.922-.473 2.817-.305c.443.083.88.207 1.3.331c.382.114.745.224 1.107.319c.362-.095.725-.205 1.108-.319c.419-.124.856-.248 1.3-.33m2.368 1.2c-.7-.35-1.412-.361-2.183-.216c-.39.073-.786.183-1.2.306c-.408.121-.84.257-1.271.364a.5.5 0 0 1-.243 0c-.43-.107-.864-.243-1.27-.364a12 12 0 0 0-1.201-.306c-.772-.145-1.484-.135-2.185.215c-.583.292-.976 1.09-1.026 2.283c-.048 1.16.244 2.535.833 3.713c.454.908.673 2.022.879 3.156c.21 1.157.413 2.368.815 3.577l.066.166c.162.348.382.43.502.43c.135 0 .399-.105.562-.586l.828-3.307c.17-.683.772-1.004 1.318-1.004c.545 0 1.148.321 1.318 1.004l.827 3.307c.164.48.427.585.563.586c.136 0 .405-.106.568-.596l.142-.453c.311-1.058.49-2.111.674-3.124c.206-1.134.423-2.248.877-3.156c.59-1.178.882-2.553.834-3.713c-.05-1.194-.443-1.99-1.027-2.283"/></svg>Tooth 20 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:tooth-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:tooth-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:tooth-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--tooth-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:tooth-20"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:tooth-20"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20.svg" alt="Tooth 20 アイコン" width="24" height="24">Energy Icons の関連アイコン
Tooth 20 アイコン のよくある質問
Tooth 20 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tooth 20 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:tooth-20" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tooth 20 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20.svg" alt="Tooth 20 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。