Tooth 48 Bold アイコン
energy-icons:tooth-48-bold
Tooth 48 Bold アイコン(energy-icons:tooth-48-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- toothbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M29.77 6.147c2.152-.404 4.457-.43 6.789.735c2.625 1.313 3.684 4.425 3.815 7.566c.134 3.223-.666 6.933-2.256 10.112c-.907 1.814-1.383 4.134-1.888 6.914c-.495 2.72-1.01 5.82-2.044 8.922C33.573 42.233 32.2 43.5 30.5 43.5s-3.074-1.267-3.686-3.104q-.015-.045-.027-.092l-2-8c-.083-.335-.365-.554-.787-.554s-.703.22-.787.554l-2 8l-.027.092C20.573 42.233 19.2 43.5 17.5 43.5s-3.074-1.267-3.686-3.104c-1.034-3.103-1.55-6.201-2.044-8.922c-.506-2.78-.981-5.1-1.888-6.914c-1.59-3.18-2.39-6.889-2.256-10.112c.131-3.141 1.19-6.253 3.815-7.566c2.331-1.166 4.637-1.139 6.79-.735c1.067.2 2.12.497 3.125.796c.916.272 1.78.538 2.643.764c.864-.226 1.728-.492 2.645-.764c1.005-.299 2.058-.596 3.126-.796m5.67 2.971c-1.668-.834-3.362-.86-5.21-.514c-.932.174-1.88.44-2.874.735c-.977.29-2.018.615-3.053.874c-.2.05-.408.05-.607 0c-1.034-.259-2.076-.584-3.052-.874c-.995-.295-1.942-.56-2.874-.735c-1.848-.347-3.543-.32-5.211.514c-1.375.688-2.316 2.576-2.435 5.435c-.116 2.777.584 6.068 1.994 8.889c1.093 2.186 1.617 4.864 2.112 7.584c.505 2.78.99 5.682 1.956 8.58C16.573 40.768 17.2 41 17.5 41c.297 0 .914-.229 1.302-1.365l1.985-7.938c.417-1.665 1.885-2.447 3.213-2.447s2.797.782 3.213 2.447l1.986 7.947C29.588 40.773 30.204 41 30.5 41c.3 0 .926-.232 1.314-1.394c.965-2.898 1.45-5.8 1.956-8.58c.494-2.72 1.019-5.398 2.112-7.584c1.41-2.821 2.11-6.112 1.994-8.89c-.119-2.858-1.061-4.746-2.435-5.434"/></svg>Tooth 48 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:tooth-48-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:tooth-48-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:tooth-48-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--tooth-48-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:tooth-48-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:tooth-48-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/tooth-48-bold.svg" alt="Tooth 48 Bold アイコン" width="24" height="24">Energy Icons の関連アイコン
Tooth 48 Bold アイコン のよくある質問
Tooth 48 Bold アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tooth 48 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:tooth-48-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tooth 48 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/tooth-48-bold.svg" alt="Tooth 48 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。