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

Grommet-Icons · GrGenai

Genai icon

A free genai 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/genai.json

components/icons/grommet-genai.tsx

import * as React from "react";

/**
 * Genai from Grommet-Icons (https://github.com/grommet/grommet-icons), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/grommet/genai. Sized in em, colored by currentColor.
 */
export function GrGenaiIcon(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
        xmlns="http://www.w3.org/2000/svg"
        d="M9.42594 5.10286C9.64755 4.20679 10.9221 4.20679 11.1437 5.10286C12.0893 8.92626 15.0743 11.9113 18.8976 12.8568C19.7937 13.0785 19.7937 14.353 18.8976 14.5746L18.5412 14.6684C14.8893 15.7068 12.0597 18.6248 11.1437 22.3286L11.09 22.4859C10.7882 23.172 9.7814 23.172 9.47966 22.4859L9.42594 22.3286C8.50996 18.6248 5.6804 15.7068 2.02848 14.6684L1.67204 14.5746C0.776056 14.353 0.776082 13.0785 1.67204 12.8568C5.49539 11.9113 8.48037 8.92625 9.42594 5.10286ZM10.2843 8.42907C9.09758 10.6837 7.25288 12.5285 4.99821 13.7153C7.25282 14.9019 9.09751 16.747 10.2843 19.0014C11.471 16.747 13.3161 14.902 15.5705 13.7153C13.316 12.5284 11.4709 10.6837 10.2843 8.42907ZM18.0988 1.32352C18.1942 0.891549 18.81 0.891549 18.9054 1.32352C19.3217 3.207 20.7925 4.67786 22.6759 5.09407C23.1079 5.18951 23.1079 5.80528 22.6759 5.90072L22.4865 5.94955C20.6945 6.42005 19.3075 7.85246 18.9054 9.67224L18.881 9.74842C18.7439 10.0786 18.2593 10.0786 18.1222 9.74842L18.0988 9.67224C17.7087 7.90645 16.391 6.50311 14.6759 5.99154L14.3273 5.90072C13.8954 5.8052 13.8954 5.18951 14.3273 5.09407C16.2109 4.67788 17.6826 3.20712 18.0988 1.32352ZM18.5011 4.82551C18.2927 5.06451 18.0683 5.28898 17.8293 5.4974C18.0683 5.70579 18.2927 5.93031 18.5011 6.16928C18.7095 5.93031 18.9341 5.70579 19.173 5.4974C18.9341 5.28897 18.7095 5.06451 18.5011 4.82551Z"
      />
    </svg>
  );
}

With react-icons

import { GrGenai } from "react-icons/gr";

export function Example() {
  return <GrGenai className="size-5" />;
}

genai.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
    xmlns="http://www.w3.org/2000/svg"
    d="M9.42594 5.10286C9.64755 4.20679 10.9221 4.20679 11.1437 5.10286C12.0893 8.92626 15.0743 11.9113 18.8976 12.8568C19.7937 13.0785 19.7937 14.353 18.8976 14.5746L18.5412 14.6684C14.8893 15.7068 12.0597 18.6248 11.1437 22.3286L11.09 22.4859C10.7882 23.172 9.7814 23.172 9.47966 22.4859L9.42594 22.3286C8.50996 18.6248 5.6804 15.7068 2.02848 14.6684L1.67204 14.5746C0.776056 14.353 0.776082 13.0785 1.67204 12.8568C5.49539 11.9113 8.48037 8.92625 9.42594 5.10286ZM10.2843 8.42907C9.09758 10.6837 7.25288 12.5285 4.99821 13.7153C7.25282 14.9019 9.09751 16.747 10.2843 19.0014C11.471 16.747 13.3161 14.902 15.5705 13.7153C13.316 12.5284 11.4709 10.6837 10.2843 8.42907ZM18.0988 1.32352C18.1942 0.891549 18.81 0.891549 18.9054 1.32352C19.3217 3.207 20.7925 4.67786 22.6759 5.09407C23.1079 5.18951 23.1079 5.80528 22.6759 5.90072L22.4865 5.94955C20.6945 6.42005 19.3075 7.85246 18.9054 9.67224L18.881 9.74842C18.7439 10.0786 18.2593 10.0786 18.1222 9.74842L18.0988 9.67224C17.7087 7.90645 16.391 6.50311 14.6759 5.99154L14.3273 5.90072C13.8954 5.8052 13.8954 5.18951 14.3273 5.09407C16.2109 4.67788 17.6826 3.20712 18.0988 1.32352ZM18.5011 4.82551C18.2927 5.06451 18.0683 5.28898 17.8293 5.4974C18.0683 5.70579 18.2927 5.93031 18.5011 6.16928C18.7095 5.93031 18.9341 5.70579 19.173 5.4974C18.9341 5.28897 18.7095 5.06451 18.5011 4.82551Z"
  />
</svg>

Attribution

"Genai" icon from Grommet-Icons (https://github.com/grommet/grommet-icons), licensed under Apache License Version 2.0.

Similar Grommet-Icons icons