tooth icon
tooth-fill from Remix Icon by Remix Design · Fill · Others · Apache-2.0 Free for personal and commercial use.
- Name
- tooth-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Others
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More others icons from Remix Icon
accessibility-fillai-generate-3d-fillarmchair-fillbell-fillbinoculars-fillbook-shelf-fillbox-1-fillbox-2-fillbox-3-fillcactus-fillcandle-fillcharacter-recognition-fillcross-filldoor-closed-filldoor-filldoor-lock-box-filldoor-lock-filldoor-open-fillflower-fillfridge-fillglasses-2-fillglasses-fillgoggles-fillgraduation-cap-fill
Use the tooth icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.232a6.5 6.5 0 0 1 3.266 4.034a1 1 0 0 0 1.928-.532A8.5 8.5 0 0 0 14.5 2.519q.248-.02.5-.019c2.007 0 3.68.728 4.83 2.11C20.963 5.967 21.5 7.846 21.5 10c0 3.097-.514 5.865-1.395 7.898c-.84 1.938-2.208 3.602-4.105 3.602c-1.1 0-1.787-.652-2.195-1.36c-.362-.63-.578-1.423-.752-2.062c-.207-.76-.366-1.328-.592-1.72C12.276 16.035 12.15 16 12 16s-.275.035-.461.358c-.226.392-.385.96-.592 1.72c-.174.639-.39 1.433-.752 2.062C9.787 20.848 9.1 21.5 8 21.5c-1.897 0-3.265-1.664-4.105-3.602C3.015 15.865 2.5 13.098 2.5 10c0-2.154.538-4.033 1.67-5.39C5.32 3.228 6.992 2.5 9 2.5h.028A6.5 6.5 0 0 1 12 3.232"/></svg>
React
import type { SVGProps } from "react";
export function RiToothFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.232a6.5 6.5 0 0 1 3.266 4.034a1 1 0 0 0 1.928-.532A8.5 8.5 0 0 0 14.5 2.519q.248-.02.5-.019c2.007 0 3.68.728 4.83 2.11C20.963 5.967 21.5 7.846 21.5 10c0 3.097-.514 5.865-1.395 7.898c-.84 1.938-2.208 3.602-4.105 3.602c-1.1 0-1.787-.652-2.195-1.36c-.362-.63-.578-1.423-.752-2.062c-.207-.76-.366-1.328-.592-1.72C12.276 16.035 12.15 16 12 16s-.275.035-.461.358c-.226.392-.385.96-.592 1.72c-.174.639-.39 1.433-.752 2.062C9.787 20.848 9.1 21.5 8 21.5c-1.897 0-3.265-1.664-4.105-3.602C3.015 15.865 2.5 13.098 2.5 10c0-2.154.538-4.033 1.67-5.39C5.32 3.228 6.992 2.5 9 2.5h.028A6.5 6.5 0 0 1 12 3.232"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.232a6.5 6.5 0 0 1 3.266 4.034a1 1 0 0 0 1.928-.532A8.5 8.5 0 0 0 14.5 2.519q.248-.02.5-.019c2.007 0 3.68.728 4.83 2.11C20.963 5.967 21.5 7.846 21.5 10c0 3.097-.514 5.865-1.395 7.898c-.84 1.938-2.208 3.602-4.105 3.602c-1.1 0-1.787-.652-2.195-1.36c-.362-.63-.578-1.423-.752-2.062c-.207-.76-.366-1.328-.592-1.72C12.276 16.035 12.15 16 12 16s-.275.035-.461.358c-.226.392-.385.96-.592 1.72c-.174.639-.39 1.433-.752 2.062C9.787 20.848 9.1 21.5 8 21.5c-1.897 0-3.265-1.664-4.105-3.602C3.015 15.865 2.5 13.098 2.5 10c0-2.154.538-4.033 1.67-5.39C5.32 3.228 6.992 2.5 9 2.5h.028A6.5 6.5 0 0 1 12 3.232"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203.232a6.5%206.5%200%200%201%203.266%204.034a1%201%200%200%200%201.928-.532A8.5%208.5%200%200%200%2014.5%202.519q.248-.02.5-.019c2.007%200%203.68.728%204.83%202.11C20.963%205.967%2021.5%207.846%2021.5%2010c0%203.097-.514%205.865-1.395%207.898c-.84%201.938-2.208%203.602-4.105%203.602c-1.1%200-1.787-.652-2.195-1.36c-.362-.63-.578-1.423-.752-2.062c-.207-.76-.366-1.328-.592-1.72C12.276%2016.035%2012.15%2016%2012%2016s-.275.035-.461.358c-.226.392-.385.96-.592%201.72c-.174.639-.39%201.433-.752%202.062C9.787%2020.848%209.1%2021.5%208%2021.5c-1.897%200-3.265-1.664-4.105-3.602C3.015%2015.865%202.5%2013.098%202.5%2010c0-2.154.538-4.033%201.67-5.39C5.32%203.228%206.992%202.5%209%202.5h.028A6.5%206.5%200%200%201%2012%203.232%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203.232a6.5%206.5%200%200%201%203.266%204.034a1%201%200%200%200%201.928-.532A8.5%208.5%200%200%200%2014.5%202.519q.248-.02.5-.019c2.007%200%203.68.728%204.83%202.11C20.963%205.967%2021.5%207.846%2021.5%2010c0%203.097-.514%205.865-1.395%207.898c-.84%201.938-2.208%203.602-4.105%203.602c-1.1%200-1.787-.652-2.195-1.36c-.362-.63-.578-1.423-.752-2.062c-.207-.76-.366-1.328-.592-1.72C12.276%2016.035%2012.15%2016%2012%2016s-.275.035-.461.358c-.226.392-.385.96-.592%201.72c-.174.639-.39%201.433-.752%202.062C9.787%2020.848%209.1%2021.5%208%2021.5c-1.897%200-3.265-1.664-4.105-3.602C3.015%2015.865%202.5%2013.098%202.5%2010c0-2.154.538-4.033%201.67-5.39C5.32%203.228%206.992%202.5%209%202.5h.028A6.5%206.5%200%200%201%2012%203.232%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/tooth-fill.svg?color=%231a73e8&size=48
