teeth icon
teeth from IconPark by ByteDance · Color · Health · Apache-2.0 Free for personal and commercial use.
- Name
- teeth
- Set
- IconPark
- Style
- Color
- Category
- Health
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More health icons from IconPark
Use the teeth icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function IconParkTeeth(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeWidth="4"><path fill="#2F88FF" fillRule="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" clipRule="evenodd"/><path stroke="#fff" strokeLinecap="round" d="M15.4824 12.4634L32.0005 17.7887"/><path stroke="#fff" strokeLinecap="round" d="M15.4824 17.7886L32.0005 12.4632"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-teeth {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20d%3D%22M13.1172%205H14.0026C18.6687%205.68989%2019.9341%208.33825%2024.0003%208.33825C28.0664%208.33825%2029.3314%205.69005%2033.9978%205H34.5003C39.747%205%2044.0003%209.25329%2044.0003%2014.5V15.1259C44.0003%2018.0287%2040.9091%2021.3433%2040.0003%2024.4829C39.035%2027.8174%2038.3737%2030.5425%2038.1796%2033.3943C37.7248%2040.0751%2035.447%2043%2033.0003%2043C29.3465%2043%2026.1017%2028.0251%2024.0627%2028.0251C22.0237%2028.0251%2017.9776%2043%2015.0003%2043C13.1832%2043%2010.8293%2041.9254%209.94554%2033.3943C9.59391%2030%209.00122%2027.9407%208.00028%2024.4829C7.1205%2021.4437%204.15199%2017.8111%204.00028%2014.5511C3.76597%209.51593%207.65782%205.24419%2012.693%205.00988C12.8343%205.00331%2012.9757%205.00002%2013.1172%205Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M15.4824%2012.4634L32.0005%2017.7887%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M15.4824%2017.7886L32.0005%2012.4632%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20d%3D%22M13.1172%205H14.0026C18.6687%205.68989%2019.9341%208.33825%2024.0003%208.33825C28.0664%208.33825%2029.3314%205.69005%2033.9978%205H34.5003C39.747%205%2044.0003%209.25329%2044.0003%2014.5V15.1259C44.0003%2018.0287%2040.9091%2021.3433%2040.0003%2024.4829C39.035%2027.8174%2038.3737%2030.5425%2038.1796%2033.3943C37.7248%2040.0751%2035.447%2043%2033.0003%2043C29.3465%2043%2026.1017%2028.0251%2024.0627%2028.0251C22.0237%2028.0251%2017.9776%2043%2015.0003%2043C13.1832%2043%2010.8293%2041.9254%209.94554%2033.3943C9.59391%2030%209.00122%2027.9407%208.00028%2024.4829C7.1205%2021.4437%204.15199%2017.8111%204.00028%2014.5511C3.76597%209.51593%207.65782%205.24419%2012.693%205.00988C12.8343%205.00331%2012.9757%205.00002%2013.1172%205Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M15.4824%2012.4634L32.0005%2017.7887%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M15.4824%2017.7886L32.0005%2012.4632%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/teeth.svg?color=%231a73e8&size=48
