ICONYZ
日本語
Health Icons の Tooth Outline アイコン

Tooth Outline アイコン

healthicons:tooth-outline

Tooth Outline アイコン(healthicons:tooth-outline)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
48 × 48
カテゴリ
体
タグ
toothoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M23.56 11.126c.199-.157 8.52-6.63 14.02-.253c3.02 3.5 2.764 7.133 1.644 10.69l-3.942 11.293c-1.153 3.927-1.975 5.14-3.995 6.845c-1.198 1.013-2.55-.736-3.973-2.577c-1.233-1.595-2.519-3.258-3.804-3.254c-1.307.004-2.614 1.67-3.864 3.264c-1.441 1.838-2.808 3.581-4.013 2.567c-2.433-2.048-3.5-4.877-4.616-9.418c-.215-.874-.541-1.923-.902-3.08c-1.51-4.849-3.612-11.595-.53-15.337c3.807-4.622 8.535-5.366 13.924-.777zm-2.66.474c-1.864-1.28-3.45-1.688-4.77-1.584c-1.621.127-3.306 1.063-5 3.121c-1.276 1.548-1.405 4.162-.718 7.578c.327 1.627.805 3.274 1.286 4.839q.156.508.313 1.011c.365 1.17.717 2.301.948 3.24c1.021 4.158 1.91 6.392 3.521 7.966c.333-.31.753-.806 1.31-1.511l.27-.344c.57-.727 1.245-1.59 1.934-2.28c.732-.731 1.941-1.762 3.51-1.766c1.576-.005 2.782 1.042 3.499 1.769c.679.689 1.345 1.551 1.907 2.279l.267.345c.545.7.958 1.196 1.285 1.505c.647-.586 1.067-1.075 1.43-1.683c.47-.785.907-1.873 1.47-3.792l.031-.096l3.932-11.263c.514-1.64.775-3.137.64-4.544c-.134-1.37-.653-2.767-1.899-4.211c-2.064-2.394-4.6-2.43-6.994-1.689c-1.205.374-2.286.93-3.078 1.406c-.298.178-.548.341-.742.474l3.84 2.824a1 1 0 0 1-1.184 1.612l-5.425-3.99a2 2 0 0 1-.217-.159l-1.158-.851a1 1 0 0 1-.208-.206m-4.77 26.445l.003-.002z" clip-rule="evenodd"/></svg>

Tooth Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="healthicons:tooth-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="healthicons:tooth-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="healthicons:tooth-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--tooth-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:tooth-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="healthicons:tooth-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/tooth-outline.svg" alt="Tooth Outline アイコン" width="24" height="24">

Health Icons の関連アイコン

他のアイコンセットの Tooth Outline アイコン

Tooth Outline アイコン のよくある質問

Tooth Outline アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Tooth Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="healthicons:tooth-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Tooth Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/tooth-outline.svg" alt="Tooth Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Health Icons をすべて見る →