Skip to content
Cuelark UI

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

Remix Icon · RiPaintingFill

Painting Fill icon

A free painting 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/painting-fill.json
components/icons/remix-painting-fill.tsx
import * as React from "react";

/**
 * Painting Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/painting-fill. Sized in em, colored by currentColor.
 */
export function RiPaintingFillIcon(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="M15.5257 3.52562C16.8925 2.15878 19.1081 2.15878 20.475 3.52562C21.8415 4.89249 21.8417 7.10812 20.475 8.47487L20.3041 8.64675C20.1088 8.84201 20.1088 9.15852 20.3041 9.35379L20.475 9.52566C21.8415 10.8925 21.8417 13.1082 20.475 14.4749L20.3041 14.6468C20.1088 14.8421 20.1088 15.1586 20.3041 15.3538L20.475 15.5257C21.8415 16.8926 21.8417 19.1082 20.475 20.475C19.1082 21.8417 16.8926 21.8415 15.5257 20.475L15.3538 20.3041C15.1586 20.1088 14.8421 20.1088 14.6468 20.3041L14.4749 20.475C13.1082 21.8417 10.8925 21.8415 9.52566 20.475L9.35379 20.3041C9.15852 20.1088 8.84201 20.1088 8.64675 20.3041L8.47487 20.475C7.10812 21.8417 4.89249 21.8415 3.52562 20.475C2.15878 19.1081 2.15878 16.8925 3.52562 15.5257L3.69652 15.3538C3.8917 15.1587 3.89152 14.8421 3.69652 14.6468L3.52562 14.4749C2.15878 13.1081 2.15878 10.8925 3.52562 9.52566L3.69652 9.35379C3.8917 9.15861 3.89152 8.84204 3.69652 8.64675L3.52562 8.47487C2.15878 7.10803 2.15878 4.89247 3.52562 3.52562C4.89247 2.15878 7.10803 2.15878 8.47487 3.52562L8.64675 3.69652C8.84204 3.89152 9.15861 3.8917 9.35379 3.69652L9.52566 3.52562C10.8925 2.15878 13.1081 2.15878 14.4749 3.52562L14.6468 3.69652C14.8421 3.89152 15.1587 3.8917 15.3538 3.69652L15.5257 3.52562ZM9.50027 7.50026C8.3957 7.50026 7.50026 8.3957 7.50026 9.50027V14.5003C7.5004 15.6048 8.39578 16.5003 9.50027 16.5003H14.5003C15.6047 16.5002 16.5002 15.6047 16.5003 14.5003V9.50027C16.5003 8.39578 15.6048 7.5004 14.5003 7.50026H9.50027ZM14.5003 9.50027V14.5003H9.50027V9.50027H14.5003Z"
      />
    </svg>
  );
}
With react-icons
import { RiPaintingFill } from "react-icons/ri";

export function Example() {
  return <RiPaintingFill className="size-5" />;
}
painting-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="M15.5257 3.52562C16.8925 2.15878 19.1081 2.15878 20.475 3.52562C21.8415 4.89249 21.8417 7.10812 20.475 8.47487L20.3041 8.64675C20.1088 8.84201 20.1088 9.15852 20.3041 9.35379L20.475 9.52566C21.8415 10.8925 21.8417 13.1082 20.475 14.4749L20.3041 14.6468C20.1088 14.8421 20.1088 15.1586 20.3041 15.3538L20.475 15.5257C21.8415 16.8926 21.8417 19.1082 20.475 20.475C19.1082 21.8417 16.8926 21.8415 15.5257 20.475L15.3538 20.3041C15.1586 20.1088 14.8421 20.1088 14.6468 20.3041L14.4749 20.475C13.1082 21.8417 10.8925 21.8415 9.52566 20.475L9.35379 20.3041C9.15852 20.1088 8.84201 20.1088 8.64675 20.3041L8.47487 20.475C7.10812 21.8417 4.89249 21.8415 3.52562 20.475C2.15878 19.1081 2.15878 16.8925 3.52562 15.5257L3.69652 15.3538C3.8917 15.1587 3.89152 14.8421 3.69652 14.6468L3.52562 14.4749C2.15878 13.1081 2.15878 10.8925 3.52562 9.52566L3.69652 9.35379C3.8917 9.15861 3.89152 8.84204 3.69652 8.64675L3.52562 8.47487C2.15878 7.10803 2.15878 4.89247 3.52562 3.52562C4.89247 2.15878 7.10803 2.15878 8.47487 3.52562L8.64675 3.69652C8.84204 3.89152 9.15861 3.8917 9.35379 3.69652L9.52566 3.52562C10.8925 2.15878 13.1081 2.15878 14.4749 3.52562L14.6468 3.69652C14.8421 3.89152 15.1587 3.8917 15.3538 3.69652L15.5257 3.52562ZM9.50027 7.50026C8.3957 7.50026 7.50026 8.3957 7.50026 9.50027V14.5003C7.5004 15.6048 8.39578 16.5003 9.50027 16.5003H14.5003C15.6047 16.5002 16.5002 15.6047 16.5003 14.5003V9.50027C16.5003 8.39578 15.6048 7.5004 14.5003 7.50026H9.50027ZM14.5003 9.50027V14.5003H9.50027V9.50027H14.5003Z"
  />
</svg>
Attribution
"Painting Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: