Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Remix Icon · RiToothFill

Tooth Fill icon

A free tooth fill icon from Remix Icon, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
Apache License Version 2.0
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/tooth-fill.json
components/icons/remix-tooth-fill.tsx
import * as React from "react";

/**
 * Tooth Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/tooth-fill. Sized in em, colored by currentColor.
 */
export function RiToothFillIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.0002 3.23235C13.5819 4.0567 14.7825 5.51252 15.2664 7.26605C15.4134 7.79843 15.9641 8.1109 16.4964 7.96396C17.0288 7.81702 17.3413 7.26633 17.1943 6.73395C16.7346 5.06811 15.7806 3.60711 14.4998 2.519C14.665 2.50641 14.8318 2.5 15 2.5C17.0071 2.5 18.6792 3.228 19.8307 4.60982C20.962 5.96738 21.5 7.84558 21.5 10C21.5 13.0971 20.9858 15.8652 20.1051 17.8976C19.265 19.8362 17.8974 21.5 16 21.5C14.8997 21.5 14.2129 20.8477 13.8053 20.1396C13.4431 19.5106 13.2269 18.7169 13.0529 18.0779C12.8459 17.3179 12.6873 16.7504 12.4615 16.3583C12.2754 16.0352 12.1497 16 12 16C11.8503 16 11.7246 16.0352 11.5385 16.3583C11.3127 16.7504 11.1541 17.3179 10.9471 18.0779L10.9471 18.0779C10.7731 18.7169 10.5569 19.5106 10.1947 20.1396C9.78706 20.8477 9.10027 21.5 8 21.5C6.1026 21.5 4.73499 19.8362 3.89494 17.8976C3.01425 15.8652 2.5 13.0971 2.5 10C2.5 7.84558 3.03797 5.96738 4.16928 4.60982C5.32079 3.228 6.9929 2.5 9 2.5C9.00948 2.5 9.01896 2.50002 9.02843 2.50006C10.0987 2.50466 11.1098 2.7686 12 3.23245C12.0001 3.23242 12.0001 3.23238 12.0002 3.23235Z"
      />
    </svg>
  );
}
With react-icons
import { RiToothFill } from "react-icons/ri";

export function Example() {
  return <RiToothFill className="size-5" />;
}
tooth-fill.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M12.0002 3.23235C13.5819 4.0567 14.7825 5.51252 15.2664 7.26605C15.4134 7.79843 15.9641 8.1109 16.4964 7.96396C17.0288 7.81702 17.3413 7.26633 17.1943 6.73395C16.7346 5.06811 15.7806 3.60711 14.4998 2.519C14.665 2.50641 14.8318 2.5 15 2.5C17.0071 2.5 18.6792 3.228 19.8307 4.60982C20.962 5.96738 21.5 7.84558 21.5 10C21.5 13.0971 20.9858 15.8652 20.1051 17.8976C19.265 19.8362 17.8974 21.5 16 21.5C14.8997 21.5 14.2129 20.8477 13.8053 20.1396C13.4431 19.5106 13.2269 18.7169 13.0529 18.0779C12.8459 17.3179 12.6873 16.7504 12.4615 16.3583C12.2754 16.0352 12.1497 16 12 16C11.8503 16 11.7246 16.0352 11.5385 16.3583C11.3127 16.7504 11.1541 17.3179 10.9471 18.0779L10.9471 18.0779C10.7731 18.7169 10.5569 19.5106 10.1947 20.1396C9.78706 20.8477 9.10027 21.5 8 21.5C6.1026 21.5 4.73499 19.8362 3.89494 17.8976C3.01425 15.8652 2.5 13.0971 2.5 10C2.5 7.84558 3.03797 5.96738 4.16928 4.60982C5.32079 3.228 6.9929 2.5 9 2.5C9.00948 2.5 9.01896 2.50002 9.02843 2.50006C10.0987 2.50466 11.1098 2.7686 12 3.23245C12.0001 3.23242 12.0001 3.23238 12.0002 3.23235Z"
  />
</svg>
Attribution
"Tooth Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons:

Tooth Fill icon in other sets