tooth icon

tooth-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: tooth-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

tooth tooth-bold tooth-duotone 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="M168 24H88a56 56 0 0 0-56 55.75c0 42.72 8 75.4 14.7 95.28c8.72 25.8 20.62 45.49 32.64 54a15.67 15.67 0 0 0 9.13 2.97a16.09 16.09 0 0 0 16-14.9c.85-11.52 5-49.11 23.53-49.11s22.68 37.59 23.53 49.11a16.09 16.09 0 0 0 9.18 13.36a15.69 15.69 0 0 0 15.95-1.41c12-8.53 23.92-28.22 32.64-54c6.7-19.9 14.7-52.58 14.7-95.3A56 56 0 0 0 168 24m3 56.57a8 8 0 1 1-6 14.85l-37-14.81l-37 14.81a8 8 0 1 1-6-14.85L106.46 72L85 63.42a8 8 0 1 1 6-14.85l37 14.81l37-14.81a8 8 0 1 1 6 14.85L149.54 72Z"/></svg>

React

import type { SVGProps } from "react";

export function PhToothFill(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="M168 24H88a56 56 0 0 0-56 55.75c0 42.72 8 75.4 14.7 95.28c8.72 25.8 20.62 45.49 32.64 54a15.67 15.67 0 0 0 9.13 2.97a16.09 16.09 0 0 0 16-14.9c.85-11.52 5-49.11 23.53-49.11s22.68 37.59 23.53 49.11a16.09 16.09 0 0 0 9.18 13.36a15.69 15.69 0 0 0 15.95-1.41c12-8.53 23.92-28.22 32.64-54c6.7-19.9 14.7-52.58 14.7-95.3A56 56 0 0 0 168 24m3 56.57a8 8 0 1 1-6 14.85l-37-14.81l-37 14.81a8 8 0 1 1-6-14.85L106.46 72L85 63.42a8 8 0 1 1 6-14.85l37 14.81l37-14.81a8 8 0 1 1 6 14.85L149.54 72Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 24H88a56 56 0 0 0-56 55.75c0 42.72 8 75.4 14.7 95.28c8.72 25.8 20.62 45.49 32.64 54a15.67 15.67 0 0 0 9.13 2.97a16.09 16.09 0 0 0 16-14.9c.85-11.52 5-49.11 23.53-49.11s22.68 37.59 23.53 49.11a16.09 16.09 0 0 0 9.18 13.36a15.69 15.69 0 0 0 15.95-1.41c12-8.53 23.92-28.22 32.64-54c6.7-19.9 14.7-52.58 14.7-95.3A56 56 0 0 0 168 24m3 56.57a8 8 0 1 1-6 14.85l-37-14.81l-37 14.81a8 8 0 1 1-6-14.85L106.46 72L85 63.42a8 8 0 1 1 6-14.85l37 14.81l37-14.81a8 8 0 1 1 6 14.85L149.54 72Z"/></svg>
</template>

CSS

.icon-tooth-fill {
  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%22M168%2024H88a56%2056%200%200%200-56%2055.75c0%2042.72%208%2075.4%2014.7%2095.28c8.72%2025.8%2020.62%2045.49%2032.64%2054a15.67%2015.67%200%200%200%209.13%202.97a16.09%2016.09%200%200%200%2016-14.9c.85-11.52%205-49.11%2023.53-49.11s22.68%2037.59%2023.53%2049.11a16.09%2016.09%200%200%200%209.18%2013.36a15.69%2015.69%200%200%200%2015.95-1.41c12-8.53%2023.92-28.22%2032.64-54c6.7-19.9%2014.7-52.58%2014.7-95.3A56%2056%200%200%200%20168%2024m3%2056.57a8%208%200%201%201-6%2014.85l-37-14.81l-37%2014.81a8%208%200%201%201-6-14.85L106.46%2072L85%2063.42a8%208%200%201%201%206-14.85l37%2014.81l37-14.81a8%208%200%201%201%206%2014.85L149.54%2072Z%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%22M168%2024H88a56%2056%200%200%200-56%2055.75c0%2042.72%208%2075.4%2014.7%2095.28c8.72%2025.8%2020.62%2045.49%2032.64%2054a15.67%2015.67%200%200%200%209.13%202.97a16.09%2016.09%200%200%200%2016-14.9c.85-11.52%205-49.11%2023.53-49.11s22.68%2037.59%2023.53%2049.11a16.09%2016.09%200%200%200%209.18%2013.36a15.69%2015.69%200%200%200%2015.95-1.41c12-8.53%2023.92-28.22%2032.64-54c6.7-19.9%2014.7-52.58%2014.7-95.3A56%2056%200%200%200%20168%2024m3%2056.57a8%208%200%201%201-6%2014.85l-37-14.81l-37%2014.81a8%208%200%201%201-6-14.85L106.46%2072L85%2063.42a8%208%200%201%201%206-14.85l37%2014.81l37-14.81a8%208%200%201%201%206%2014.85L149.54%2072Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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