tooth icon

tooth from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: tooth
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

tooth-bold tooth-duotone tooth-fill tooth-light tooth-thin

The same icon in other sets

toothFont Awesome 6 Solid toothFont Awesome Solid toothFluent Emoji toothFluent Emoji Flat toothFluent Emoji High Contrast toothHealth Icons toothLine Awesome toothMaterial Design Icons toothNoto Emoji toothOpenMoji tooth-fillRemix Icon toothTwitter Emoji

Use the tooth icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171 71.42L149.54 80L171 88.57a8 8 0 1 1-6 14.85l-37-14.81l-37 14.81a8 8 0 1 1-6-14.85L106.46 80L85 71.42a8 8 0 1 1 6-14.85l37 14.81l37-14.81a8 8 0 1 1 6 14.85m53 8.33c0 42.72-8 75.4-14.69 95.28c-8.73 25.8-20.63 45.49-32.65 54a15.69 15.69 0 0 1-15.95 1.41a16.09 16.09 0 0 1-9.18-13.36c-.85-11.5-5.05-49.08-23.53-49.08s-22.68 37.59-23.53 49.11a16.09 16.09 0 0 1-16 14.9a15.67 15.67 0 0 1-9.13-2.95c-12-8.53-23.92-28.22-32.65-54C40 155.15 32 122.47 32 79.75A56 56 0 0 1 88 24h80a56 56 0 0 1 56 55.75m-16 0A40 40 0 0 0 168 40H88a40 40 0 0 0-40 39.76c0 40.55 7.51 71.4 13.85 90.14c11.05 32.66 23 43.37 26.61 46C91.57 174.67 105.59 152 128 152s36.45 22.71 39.49 63.94c3.6-2.59 15.57-13.26 26.66-46c6.34-18.78 13.85-49.63 13.85-90.18Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTooth(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171 71.42L149.54 80L171 88.57a8 8 0 1 1-6 14.85l-37-14.81l-37 14.81a8 8 0 1 1-6-14.85L106.46 80L85 71.42a8 8 0 1 1 6-14.85l37 14.81l37-14.81a8 8 0 1 1 6 14.85m53 8.33c0 42.72-8 75.4-14.69 95.28c-8.73 25.8-20.63 45.49-32.65 54a15.69 15.69 0 0 1-15.95 1.41a16.09 16.09 0 0 1-9.18-13.36c-.85-11.5-5.05-49.08-23.53-49.08s-22.68 37.59-23.53 49.11a16.09 16.09 0 0 1-16 14.9a15.67 15.67 0 0 1-9.13-2.95c-12-8.53-23.92-28.22-32.65-54C40 155.15 32 122.47 32 79.75A56 56 0 0 1 88 24h80a56 56 0 0 1 56 55.75m-16 0A40 40 0 0 0 168 40H88a40 40 0 0 0-40 39.76c0 40.55 7.51 71.4 13.85 90.14c11.05 32.66 23 43.37 26.61 46C91.57 174.67 105.59 152 128 152s36.45 22.71 39.49 63.94c3.6-2.59 15.57-13.26 26.66-46c6.34-18.78 13.85-49.63 13.85-90.18Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171 71.42L149.54 80L171 88.57a8 8 0 1 1-6 14.85l-37-14.81l-37 14.81a8 8 0 1 1-6-14.85L106.46 80L85 71.42a8 8 0 1 1 6-14.85l37 14.81l37-14.81a8 8 0 1 1 6 14.85m53 8.33c0 42.72-8 75.4-14.69 95.28c-8.73 25.8-20.63 45.49-32.65 54a15.69 15.69 0 0 1-15.95 1.41a16.09 16.09 0 0 1-9.18-13.36c-.85-11.5-5.05-49.08-23.53-49.08s-22.68 37.59-23.53 49.11a16.09 16.09 0 0 1-16 14.9a15.67 15.67 0 0 1-9.13-2.95c-12-8.53-23.92-28.22-32.65-54C40 155.15 32 122.47 32 79.75A56 56 0 0 1 88 24h80a56 56 0 0 1 56 55.75m-16 0A40 40 0 0 0 168 40H88a40 40 0 0 0-40 39.76c0 40.55 7.51 71.4 13.85 90.14c11.05 32.66 23 43.37 26.61 46C91.57 174.67 105.59 152 128 152s36.45 22.71 39.49 63.94c3.6-2.59 15.57-13.26 26.66-46c6.34-18.78 13.85-49.63 13.85-90.18Z"/></svg>
</template>

CSS

.icon-tooth {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M171%2071.42L149.54%2080L171%2088.57a8%208%200%201%201-6%2014.85l-37-14.81l-37%2014.81a8%208%200%201%201-6-14.85L106.46%2080L85%2071.42a8%208%200%201%201%206-14.85l37%2014.81l37-14.81a8%208%200%201%201%206%2014.85m53%208.33c0%2042.72-8%2075.4-14.69%2095.28c-8.73%2025.8-20.63%2045.49-32.65%2054a15.69%2015.69%200%200%201-15.95%201.41a16.09%2016.09%200%200%201-9.18-13.36c-.85-11.5-5.05-49.08-23.53-49.08s-22.68%2037.59-23.53%2049.11a16.09%2016.09%200%200%201-16%2014.9a15.67%2015.67%200%200%201-9.13-2.95c-12-8.53-23.92-28.22-32.65-54C40%20155.15%2032%20122.47%2032%2079.75A56%2056%200%200%201%2088%2024h80a56%2056%200%200%201%2056%2055.75m-16%200A40%2040%200%200%200%20168%2040H88a40%2040%200%200%200-40%2039.76c0%2040.55%207.51%2071.4%2013.85%2090.14c11.05%2032.66%2023%2043.37%2026.61%2046C91.57%20174.67%20105.59%20152%20128%20152s36.45%2022.71%2039.49%2063.94c3.6-2.59%2015.57-13.26%2026.66-46c6.34-18.78%2013.85-49.63%2013.85-90.18Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M171%2071.42L149.54%2080L171%2088.57a8%208%200%201%201-6%2014.85l-37-14.81l-37%2014.81a8%208%200%201%201-6-14.85L106.46%2080L85%2071.42a8%208%200%201%201%206-14.85l37%2014.81l37-14.81a8%208%200%201%201%206%2014.85m53%208.33c0%2042.72-8%2075.4-14.69%2095.28c-8.73%2025.8-20.63%2045.49-32.65%2054a15.69%2015.69%200%200%201-15.95%201.41a16.09%2016.09%200%200%201-9.18-13.36c-.85-11.5-5.05-49.08-23.53-49.08s-22.68%2037.59-23.53%2049.11a16.09%2016.09%200%200%201-16%2014.9a15.67%2015.67%200%200%201-9.13-2.95c-12-8.53-23.92-28.22-32.65-54C40%20155.15%2032%20122.47%2032%2079.75A56%2056%200%200%201%2088%2024h80a56%2056%200%200%201%2056%2055.75m-16%200A40%2040%200%200%200%20168%2040H88a40%2040%200%200%200-40%2039.76c0%2040.55%207.51%2071.4%2013.85%2090.14c11.05%2032.66%2023%2043.37%2026.61%2046C91.57%20174.67%20105.59%20152%20128%20152s36.45%2022.71%2039.49%2063.94c3.6-2.59%2015.57-13.26%2026.66-46c6.34-18.78%2013.85-49.63%2013.85-90.18Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/tooth.svg?color=%231a73e8&size=48