tooth icon
tooth-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- tooth-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M169.49 67.71L138.77 80l30.72 12.28A4 4 0 0 1 168 100a3.9 3.9 0 0 1-1.49-.29L128 84.31l-38.51 15.4A3.9 3.9 0 0 1 88 100a4 4 0 0 1-1.49-7.72L117.23 80L86.51 67.71a4 4 0 0 1 3-7.43L128 75.69l38.51-15.41a4 4 0 0 1 3 7.43Zm50.51 12c.07 71.08-23.16 130.07-45.65 146.05a11.74 11.74 0 0 1-11.93 1a11.91 11.91 0 0 1-6.9-10C154.35 200.93 149.33 164 128 164s-26.35 36.94-27.52 52.82a12.11 12.11 0 0 1-12 11.19a11.77 11.77 0 0 1-6.83-2.2c-22.49-16-45.72-75-45.65-146A52 52 0 0 1 88 28h80a52 52 0 0 1 52 51.75Zm-8 0A44 44 0 0 0 168 36H88a44 44 0 0 0-44 43.76c-.07 67.58 21.9 125 42.29 139.51a3.77 3.77 0 0 0 3.89.33a4 4 0 0 0 2.32-3.37C95.36 177.39 108 156 128 156s32.64 21.4 35.5 60.24a4 4 0 0 0 2.32 3.37a3.77 3.77 0 0 0 3.89-.33C190.1 204.8 212.07 147.34 212 79.76Z"/></svg>
React
import type { SVGProps } from "react";
export function PhToothThin(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="M169.49 67.71L138.77 80l30.72 12.28A4 4 0 0 1 168 100a3.9 3.9 0 0 1-1.49-.29L128 84.31l-38.51 15.4A3.9 3.9 0 0 1 88 100a4 4 0 0 1-1.49-7.72L117.23 80L86.51 67.71a4 4 0 0 1 3-7.43L128 75.69l38.51-15.41a4 4 0 0 1 3 7.43Zm50.51 12c.07 71.08-23.16 130.07-45.65 146.05a11.74 11.74 0 0 1-11.93 1a11.91 11.91 0 0 1-6.9-10C154.35 200.93 149.33 164 128 164s-26.35 36.94-27.52 52.82a12.11 12.11 0 0 1-12 11.19a11.77 11.77 0 0 1-6.83-2.2c-22.49-16-45.72-75-45.65-146A52 52 0 0 1 88 28h80a52 52 0 0 1 52 51.75Zm-8 0A44 44 0 0 0 168 36H88a44 44 0 0 0-44 43.76c-.07 67.58 21.9 125 42.29 139.51a3.77 3.77 0 0 0 3.89.33a4 4 0 0 0 2.32-3.37C95.36 177.39 108 156 128 156s32.64 21.4 35.5 60.24a4 4 0 0 0 2.32 3.37a3.77 3.77 0 0 0 3.89-.33C190.1 204.8 212.07 147.34 212 79.76Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M169.49 67.71L138.77 80l30.72 12.28A4 4 0 0 1 168 100a3.9 3.9 0 0 1-1.49-.29L128 84.31l-38.51 15.4A3.9 3.9 0 0 1 88 100a4 4 0 0 1-1.49-7.72L117.23 80L86.51 67.71a4 4 0 0 1 3-7.43L128 75.69l38.51-15.41a4 4 0 0 1 3 7.43Zm50.51 12c.07 71.08-23.16 130.07-45.65 146.05a11.74 11.74 0 0 1-11.93 1a11.91 11.91 0 0 1-6.9-10C154.35 200.93 149.33 164 128 164s-26.35 36.94-27.52 52.82a12.11 12.11 0 0 1-12 11.19a11.77 11.77 0 0 1-6.83-2.2c-22.49-16-45.72-75-45.65-146A52 52 0 0 1 88 28h80a52 52 0 0 1 52 51.75Zm-8 0A44 44 0 0 0 168 36H88a44 44 0 0 0-44 43.76c-.07 67.58 21.9 125 42.29 139.51a3.77 3.77 0 0 0 3.89.33a4 4 0 0 0 2.32-3.37C95.36 177.39 108 156 128 156s32.64 21.4 35.5 60.24a4 4 0 0 0 2.32 3.37a3.77 3.77 0 0 0 3.89-.33C190.1 204.8 212.07 147.34 212 79.76Z"/></svg> </template>
CSS
.icon-tooth-thin {
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%22M169.49%2067.71L138.77%2080l30.72%2012.28A4%204%200%200%201%20168%20100a3.9%203.9%200%200%201-1.49-.29L128%2084.31l-38.51%2015.4A3.9%203.9%200%200%201%2088%20100a4%204%200%200%201-1.49-7.72L117.23%2080L86.51%2067.71a4%204%200%200%201%203-7.43L128%2075.69l38.51-15.41a4%204%200%200%201%203%207.43Zm50.51%2012c.07%2071.08-23.16%20130.07-45.65%20146.05a11.74%2011.74%200%200%201-11.93%201a11.91%2011.91%200%200%201-6.9-10C154.35%20200.93%20149.33%20164%20128%20164s-26.35%2036.94-27.52%2052.82a12.11%2012.11%200%200%201-12%2011.19a11.77%2011.77%200%200%201-6.83-2.2c-22.49-16-45.72-75-45.65-146A52%2052%200%200%201%2088%2028h80a52%2052%200%200%201%2052%2051.75Zm-8%200A44%2044%200%200%200%20168%2036H88a44%2044%200%200%200-44%2043.76c-.07%2067.58%2021.9%20125%2042.29%20139.51a3.77%203.77%200%200%200%203.89.33a4%204%200%200%200%202.32-3.37C95.36%20177.39%20108%20156%20128%20156s32.64%2021.4%2035.5%2060.24a4%204%200%200%200%202.32%203.37a3.77%203.77%200%200%200%203.89-.33C190.1%20204.8%20212.07%20147.34%20212%2079.76Z%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%22M169.49%2067.71L138.77%2080l30.72%2012.28A4%204%200%200%201%20168%20100a3.9%203.9%200%200%201-1.49-.29L128%2084.31l-38.51%2015.4A3.9%203.9%200%200%201%2088%20100a4%204%200%200%201-1.49-7.72L117.23%2080L86.51%2067.71a4%204%200%200%201%203-7.43L128%2075.69l38.51-15.41a4%204%200%200%201%203%207.43Zm50.51%2012c.07%2071.08-23.16%20130.07-45.65%20146.05a11.74%2011.74%200%200%201-11.93%201a11.91%2011.91%200%200%201-6.9-10C154.35%20200.93%20149.33%20164%20128%20164s-26.35%2036.94-27.52%2052.82a12.11%2012.11%200%200%201-12%2011.19a11.77%2011.77%200%200%201-6.83-2.2c-22.49-16-45.72-75-45.65-146A52%2052%200%200%201%2088%2028h80a52%2052%200%200%201%2052%2051.75Zm-8%200A44%2044%200%200%200%20168%2036H88a44%2044%200%200%200-44%2043.76c-.07%2067.58%2021.9%20125%2042.29%20139.51a3.77%203.77%200%200%200%203.89.33a4%204%200%200%200%202.32-3.37C95.36%20177.39%20108%20156%20128%20156s32.64%2021.4%2035.5%2060.24a4%204%200%200%200%202.32%203.37a3.77%203.77%200%200%200%203.89-.33C190.1%20204.8%20212.07%20147.34%20212%2079.76Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/tooth-thin.svg?color=%231a73e8&size=48
