Skip to content
Cuelark UI

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

Remix Icon · RiLightbulbAiFill

Lightbulb Ai Fill icon

A free lightbulb ai 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
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/lightbulb-ai-fill.json
components/icons/remix-lightbulb-ai-fill.tsx
import * as React from "react";

/**
 * Lightbulb Ai Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/lightbulb-ai-fill. Sized in em, colored by currentColor.
 */
export function RiLightbulbAiFillIcon(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="M16 21C16 22.1046 15.1046 23 14 23H10C8.89543 23 8 22.1046 8 21V20H16V21ZM12.3389 2.00875C12.1197 2.63186 12 3.30193 12 3.99996C12 7.31368 14.6863 9.99997 18 9.99997C18.6978 9.99997 19.3673 9.87917 19.9902 9.66013C19.9949 9.77284 20 9.8861 20 9.99997C20 11.8924 19.3426 13.6312 18.2441 15.001C17.6943 15.6866 16.3555 16.7276 16.0586 18H7.94141C7.64429 16.7274 6.30407 15.6855 5.75391 14.999C4.65647 13.6296 4 11.8914 4 9.99997C4.00003 5.58171 7.58174 1.99996 12 1.99996C12.1135 1.99996 12.2265 2.00406 12.3389 2.00875ZM17.5293 0.328316C17.7059 -0.0974697 18.2942 -0.0974816 18.4707 0.328316L18.7236 0.939645C19.1556 1.98244 19.9616 2.81516 20.9746 3.26582L21.6924 3.58516C22.1026 3.76798 22.1026 4.36518 21.6924 4.54805L20.9326 4.88594C19.9449 5.32522 19.1534 6.12845 18.7139 7.13692L18.4668 7.70235C18.2864 8.11648 17.7137 8.11648 17.5332 7.70235L17.2871 7.13692C16.8476 6.12829 16.0552 5.32527 15.0674 4.88594L14.3076 4.54805C13.8974 4.36519 13.8974 3.76797 14.3076 3.58516L15.0254 3.26582C16.0385 2.81516 16.8445 1.98245 17.2764 0.939645L17.5293 0.328316Z"
      />
    </svg>
  );
}
With react-icons
import { RiLightbulbAiFill } from "react-icons/ri";

export function Example() {
  return <RiLightbulbAiFill className="size-5" />;
}
lightbulb-ai-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="M16 21C16 22.1046 15.1046 23 14 23H10C8.89543 23 8 22.1046 8 21V20H16V21ZM12.3389 2.00875C12.1197 2.63186 12 3.30193 12 3.99996C12 7.31368 14.6863 9.99997 18 9.99997C18.6978 9.99997 19.3673 9.87917 19.9902 9.66013C19.9949 9.77284 20 9.8861 20 9.99997C20 11.8924 19.3426 13.6312 18.2441 15.001C17.6943 15.6866 16.3555 16.7276 16.0586 18H7.94141C7.64429 16.7274 6.30407 15.6855 5.75391 14.999C4.65647 13.6296 4 11.8914 4 9.99997C4.00003 5.58171 7.58174 1.99996 12 1.99996C12.1135 1.99996 12.2265 2.00406 12.3389 2.00875ZM17.5293 0.328316C17.7059 -0.0974697 18.2942 -0.0974816 18.4707 0.328316L18.7236 0.939645C19.1556 1.98244 19.9616 2.81516 20.9746 3.26582L21.6924 3.58516C22.1026 3.76798 22.1026 4.36518 21.6924 4.54805L20.9326 4.88594C19.9449 5.32522 19.1534 6.12845 18.7139 7.13692L18.4668 7.70235C18.2864 8.11648 17.7137 8.11648 17.5332 7.70235L17.2871 7.13692C16.8476 6.12829 16.0552 5.32527 15.0674 4.88594L14.3076 4.54805C13.8974 4.36519 13.8974 3.76797 14.3076 3.58516L15.0254 3.26582C16.0385 2.81516 16.8445 1.98245 17.2764 0.939645L17.5293 0.328316Z"
  />
</svg>
Attribution
"Lightbulb Ai Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: idea, bulb, light, tip