Teeth icon
fluent-mdl2:teeth
The Teeth icon (fluent-mdl2:teeth) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 512q70 0 132-20t124-44t123-44t133-20v128q-44 0-84 9t-78 24t-78 31t-81 31t-89 23t-102 10q-55 0-102-9t-89-24t-80-31t-78-31t-79-23t-84-10V384q69 0 132 20t124 44t124 44t132 20m1024 67q0 177-26 360t-76 363t-126 349t-173 319q-24 36-61 57t-81 21q-55 0-99-31t-61-84l-178-532q-35 4-71 5t-72 2q-36 0-72-1t-71-6l-178 532q-17 52-61 83t-99 32q-44 0-81-21t-61-57q-98-149-173-318t-125-349t-77-363T0 579q0-112 34-216t99-185T293 49T510 0q71 0 133 20t124 44t123 44t134 20q71 0 133-20t124-44t123-44t134-20q122 0 217 48t160 129t99 185t34 217m-128 2q0-93-25-175t-75-144t-126-98t-175-36q-58 0-111 20t-112 44t-124 44t-148 20t-148-20t-124-44t-114-44t-122-20q-97 0-170 38T225 267t-73 144t-24 170q0 98 11 211t34 234t55 241t75 236t95 216t112 182q15 19 38 19q12 0 31-36t40-94t45-126t43-133t37-118t24-77q8-26 30-45t52-20q44 0 87 4t87 5q44 0 87-4t87-5q29 0 51 19t31 46q8 24 24 77t36 117t44 134t44 126t41 93t31 37q23 0 38-19q60-80 112-182t94-216t75-235t55-241t34-234t12-212"/></svg>
How to use the Teeth icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:teeth" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:teeth" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:teeth" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--teeth]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:teeth"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:teeth"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/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. Fluent UI MDL2 icons are released under the MIT 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="fluent-mdl2: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/fluent-mdl2/teeth.svg" alt="Teeth icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
