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 · RiGrokAiLine

Grok Ai Line icon

A free grok ai line 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.

Also known asagent iconbot iconrobot iconassistant iconchatbot iconautomation iconandroid iconsparkle icon
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/grok-ai-line.json
components/icons/remix-grok-ai-line.tsx
import * as React from "react";

/**
 * Grok Ai Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/grok-ai-line. Sized in em, colored by currentColor.
 */
export function RiGrokAiLineIcon(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.7754 2.77832C12.1756 1.29525 7.86569 2.03348 4.93945 4.96094 3.05829 6.84454 2.03903 9.40497 2.02376 12 2.01618 13.2875 2.25573 14.5835 2.75977 15.8096 3.89507 18.5729 1.99897 21.0271.124023 23L6.2285 17.5399C4.8483 16.1023 4 14.1502 4 12 4 7.58172 7.58172 4 12 4 13.3173 4 14.5602 4.31838 15.656 4.8824L17.8076 3.8877C17.2661 3.49585 16.5718 3.07449 15.7754 2.77832ZM21.6963 9.7334C20.7087 5.48171 21.6357 3.27424 23.9004.0996094L8.58984 15.4717 18.1992 8.80597C18.6339 8.48506 19.2549 8.61084 19.4619 9.10968 19.8094 10.0061 20 10.9808 20 12 20 16.4183 16.4183 20 12 20 10.6968 20 9.46638 19.6884 8.37918 19.1356L5.19629 20.1445C6.83273 21.3127 9.8361 22 12 22 17.5228 22 22 17.5228 22 12 21.9959 11.2365 21.8709 10.4756 21.6963 9.7334Z"
      />
    </svg>
  );
}
With react-icons
import { RiGrokAiLine } from "react-icons/ri";

export function Example() {
  return <RiGrokAiLine className="size-5" />;
}
grok-ai-line.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.7754 2.77832C12.1756 1.29525 7.86569 2.03348 4.93945 4.96094 3.05829 6.84454 2.03903 9.40497 2.02376 12 2.01618 13.2875 2.25573 14.5835 2.75977 15.8096 3.89507 18.5729 1.99897 21.0271.124023 23L6.2285 17.5399C4.8483 16.1023 4 14.1502 4 12 4 7.58172 7.58172 4 12 4 13.3173 4 14.5602 4.31838 15.656 4.8824L17.8076 3.8877C17.2661 3.49585 16.5718 3.07449 15.7754 2.77832ZM21.6963 9.7334C20.7087 5.48171 21.6357 3.27424 23.9004.0996094L8.58984 15.4717 18.1992 8.80597C18.6339 8.48506 19.2549 8.61084 19.4619 9.10968 19.8094 10.0061 20 10.9808 20 12 20 16.4183 16.4183 20 12 20 10.6968 20 9.46638 19.6884 8.37918 19.1356L5.19629 20.1445C6.83273 21.3127 9.8361 22 12 22 17.5228 22 22 17.5228 22 12 21.9959 11.2365 21.8709 10.4756 21.6963 9.7334Z"
  />
</svg>
Attribution
"Grok Ai Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: agent, bot, robot, assistant