Skip to content
Cuelark UI

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

Grommet-Icons · GrGenaifill

Genaifill icon

A free genaifill icon from Grommet-Icons, 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/grommet/genaifill.json
components/icons/grommet-genaifill.tsx
import * as React from "react";

/**
 * Genaifill from Grommet-Icons (https://github.com/grommet/grommet-icons), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/grommet/genaifill. Sized in em, colored by currentColor.
 */
export function GrGenaifillIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      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="M18.8974 12.8573C19.7935 13.0789 19.7935 14.3527 18.8974 14.5743C15.0741 15.5198 12.0888 18.5051 11.1433 22.3284C10.9217 23.2245 9.64788 23.2245 9.42628 22.3284C8.48072 18.5051 5.49548 15.5198 1.67211 14.5743C0.776046 14.3527 0.776046 13.0789 1.67211 12.8573C5.49548 11.9117 8.48073 8.92648 9.42628 5.1031C9.64788 4.20704 10.9217 4.20704 11.1433 5.1031C12.0888 8.92647 15.0741 11.9117 18.8974 12.8573Z"
      />
      <path
        d="M22.6759 5.0945C23.1079 5.18994 23.1079 5.8058 22.6759 5.90125C20.7923 6.31744 19.3212 7.78858 18.905 9.67223C18.8095 10.1042 18.1937 10.1042 18.0982 9.67223C17.682 7.78858 16.2109 6.31743 14.3272 5.90125C13.8953 5.8058 13.8953 5.18994 14.3272 5.0945C16.2109 4.67831 17.682 3.20717 18.0982 1.32352C18.1937 0.89155 18.8095 0.89155 18.905 1.32352C19.3212 3.20717 20.7923 4.67831 22.6759 5.0945Z"
      />
    </svg>
  );
}
With react-icons
import { GrGenaifill } from "react-icons/gr";

export function Example() {
  return <GrGenaifill className="size-5" />;
}
genaifill.svg
<svg
  fill="none"
  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="M18.8974 12.8573C19.7935 13.0789 19.7935 14.3527 18.8974 14.5743C15.0741 15.5198 12.0888 18.5051 11.1433 22.3284C10.9217 23.2245 9.64788 23.2245 9.42628 22.3284C8.48072 18.5051 5.49548 15.5198 1.67211 14.5743C0.776046 14.3527 0.776046 13.0789 1.67211 12.8573C5.49548 11.9117 8.48073 8.92648 9.42628 5.1031C9.64788 4.20704 10.9217 4.20704 11.1433 5.1031C12.0888 8.92647 15.0741 11.9117 18.8974 12.8573Z"
  />
  <path
    d="M22.6759 5.0945C23.1079 5.18994 23.1079 5.8058 22.6759 5.90125C20.7923 6.31744 19.3212 7.78858 18.905 9.67223C18.8095 10.1042 18.1937 10.1042 18.0982 9.67223C17.682 7.78858 16.2109 6.31743 14.3272 5.90125C13.8953 5.8058 13.8953 5.18994 14.3272 5.0945C16.2109 4.67831 17.682 3.20717 18.0982 1.32352C18.1937 0.89155 18.8095 0.89155 18.905 1.32352C19.3212 3.20717 20.7923 4.67831 22.6759 5.0945Z"
  />
</svg>
Attribution
"Genaifill" icon from Grommet-Icons (https://github.com/grommet/grommet-icons), licensed under Apache License Version 2.0.