Tooth アイコン
la:tooth
Tooth アイコン(la:tooth)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 医療
- タグ
- tooth solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.281 4c-2.46 0-4.562.785-6.031 2.188C5.781 7.59 5 9.585 5 11.843c0 1.703.652 3.015 1.313 4.187S7.637 18.253 8 19.562c.438 1.613.742 3.542 1.25 5.156c.254.804.559 1.539 1.031 2.156c.473.617 1.223 1.125 2.094 1.125c.836 0 1.668-.434 2.094-1.094S15 25.464 15 24.624c0-1.031 0-2.64.219-3.906c.11-.633.297-1.16.469-1.438c.171-.277.18-.281.312-.281c.133 0 .14 0 .313.281c.171.282.359.805.468 1.438c.223 1.265.219 2.875.219 3.906c0 .84.105 1.621.531 2.281s1.258 1.094 2.094 1.094c.875 0 1.625-.504 2.094-1.125s.777-1.379 1.031-2.188c.508-1.617.816-3.539 1.25-5.125c.363-1.308 1.027-2.359 1.688-3.53c.66-1.173 1.312-2.485 1.312-4.188C27.05 7.304 23.594 4 19.062 4c-1.316 0-2.87.488-3.125.563c-.812-.32-1.699-.563-2.656-.563m0 2c2.317 0 4.969 2.438 4.969 2.438L19.656 7s-.66-.52-1.125-.906c.211-.032.395-.094.532-.094c3.62 0 5.976 2.238 5.937 5.813v.03c0 1.212-.414 2.126-1.031 3.22c-.617 1.093-1.45 2.316-1.907 3.968c-.476 1.739-.78 3.664-1.218 5.063c-.219.699-.489 1.261-.719 1.562s-.305.344-.5.344c-.305 0-.305-.031-.406-.188c-.102-.156-.219-.57-.219-1.187c0-1.02.02-2.71-.25-4.25c-.137-.77-.324-1.512-.719-2.156S16.883 17 16 17s-1.637.574-2.031 1.219c-.395.644-.586 1.386-.719 2.156c-.27 1.54-.25 3.23-.25 4.25c0 .617-.117 1.031-.219 1.188c-.101.156-.101.187-.406.187c-.2 0-.273-.047-.5-.344s-.5-.836-.719-1.531c-.437-1.39-.742-3.336-1.219-5.094c-.457-1.652-1.289-2.875-1.906-3.968C7.414 13.969 7 13.059 7 11.842c0-1.8.605-3.218 1.656-4.218S11.23 6 13.281 6"/></svg>
Tooth アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:tooth" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:tooth" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:tooth" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--tooth]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:tooth"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:tooth"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/tooth.svg" alt="Tooth アイコン" width="24" height="24">
Tooth アイコン のよくある質問
Tooth アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tooth アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:tooth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tooth アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/tooth.svg" alt="Tooth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
