Teeth icon
icon-park:teeth
The Teeth icon (icon-park:teeth) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Health
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" fill-rule="evenodd" stroke="#000" d="M13.1172 5H14.0026C18.6687 5.68989 19.9341 8.33825 24.0003 8.33825C28.0664 8.33825 29.3314 5.69005 33.9978 5H34.5003C39.747 5 44.0003 9.25329 44.0003 14.5V15.1259C44.0003 18.0287 40.9091 21.3433 40.0003 24.4829C39.035 27.8174 38.3737 30.5425 38.1796 33.3943C37.7248 40.0751 35.447 43 33.0003 43C29.3465 43 26.1017 28.0251 24.0627 28.0251C22.0237 28.0251 17.9776 43 15.0003 43C13.1832 43 10.8293 41.9254 9.94554 33.3943C9.59391 30 9.00122 27.9407 8.00028 24.4829C7.1205 21.4437 4.15199 17.8111 4.00028 14.5511C3.76597 9.51593 7.65782 5.24419 12.693 5.00988C12.8343 5.00331 12.9757 5.00002 13.1172 5Z" clip-rule="evenodd"/><path stroke="#fff" stroke-linecap="round" d="M15.4824 12.4634L32.0005 17.7887"/><path stroke="#fff" stroke-linecap="round" d="M15.4824 17.7886L32.0005 12.4632"/></g></svg>
How to use the Teeth icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:teeth" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:teeth" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:teeth" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--teeth]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:teeth"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:teeth"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/teeth.svg" alt="Teeth icon" width="24" height="24">
Teeth icon in other icon sets
Teeth icon FAQ
Is the Teeth icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Teeth icon in React?
Install @iconify/react and render <Icon icon="icon-park:teeth" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Teeth icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/teeth.svg" alt="Teeth icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
