grok ai icon

grok-ai-line from Remix Icon by Remix Design · Line · Apache-2.0 Free for personal and commercial use.

Name: grok-ai-line
Set: Remix Icon
Style: Line
Viewbox: 24×24
License: Apache 2.0

1 other variant in Remix Icon

Use the grok ai icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.775 2.778A9.97 9.97 0 0 0 4.94 4.961C3.06 6.845 2.04 9.405 2.024 12a9.9 9.9 0 0 0 .736 3.81C3.895 18.573 1.999 21.027.124 23l6.105-5.46a8 8 0 0 1 9.428-12.657l2.15-.995a8.7 8.7 0 0 0-2.032-1.11m5.921 6.955C20.71 5.482 21.636 3.274 23.9.1L8.59 15.472l9.61-6.666c.434-.32 1.055-.195 1.262.304A8 8 0 0 1 8.379 19.136l-3.183 1.009C6.833 21.313 9.836 22 12 22c5.523 0 10-4.477 10-10c-.004-.764-.13-1.524-.304-2.267"/></svg>

React

import type { SVGProps } from "react";

export function RiGrokAiLine(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.775 2.778A9.97 9.97 0 0 0 4.94 4.961C3.06 6.845 2.04 9.405 2.024 12a9.9 9.9 0 0 0 .736 3.81C3.895 18.573 1.999 21.027.124 23l6.105-5.46a8 8 0 0 1 9.428-12.657l2.15-.995a8.7 8.7 0 0 0-2.032-1.11m5.921 6.955C20.71 5.482 21.636 3.274 23.9.1L8.59 15.472l9.61-6.666c.434-.32 1.055-.195 1.262.304A8 8 0 0 1 8.379 19.136l-3.183 1.009C6.833 21.313 9.836 22 12 22c5.523 0 10-4.477 10-10c-.004-.764-.13-1.524-.304-2.267"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.775 2.778A9.97 9.97 0 0 0 4.94 4.961C3.06 6.845 2.04 9.405 2.024 12a9.9 9.9 0 0 0 .736 3.81C3.895 18.573 1.999 21.027.124 23l6.105-5.46a8 8 0 0 1 9.428-12.657l2.15-.995a8.7 8.7 0 0 0-2.032-1.11m5.921 6.955C20.71 5.482 21.636 3.274 23.9.1L8.59 15.472l9.61-6.666c.434-.32 1.055-.195 1.262.304A8 8 0 0 1 8.379 19.136l-3.183 1.009C6.833 21.313 9.836 22 12 22c5.523 0 10-4.477 10-10c-.004-.764-.13-1.524-.304-2.267"/></svg>
</template>

CSS

.icon-grok-ai-line {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.775%202.778A9.97%209.97%200%200%200%204.94%204.961C3.06%206.845%202.04%209.405%202.024%2012a9.9%209.9%200%200%200%20.736%203.81C3.895%2018.573%201.999%2021.027.124%2023l6.105-5.46a8%208%200%200%201%209.428-12.657l2.15-.995a8.7%208.7%200%200%200-2.032-1.11m5.921%206.955C20.71%205.482%2021.636%203.274%2023.9.1L8.59%2015.472l9.61-6.666c.434-.32%201.055-.195%201.262.304A8%208%200%200%201%208.379%2019.136l-3.183%201.009C6.833%2021.313%209.836%2022%2012%2022c5.523%200%2010-4.477%2010-10c-.004-.764-.13-1.524-.304-2.267%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.775%202.778A9.97%209.97%200%200%200%204.94%204.961C3.06%206.845%202.04%209.405%202.024%2012a9.9%209.9%200%200%200%20.736%203.81C3.895%2018.573%201.999%2021.027.124%2023l6.105-5.46a8%208%200%200%201%209.428-12.657l2.15-.995a8.7%208.7%200%200%200-2.032-1.11m5.921%206.955C20.71%205.482%2021.636%203.274%2023.9.1L8.59%2015.472l9.61-6.666c.434-.32%201.055-.195%201.262.304A8%208%200%200%201%208.379%2019.136l-3.183%201.009C6.833%2021.313%209.836%2022%2012%2022c5.523%200%2010-4.477%2010-10c-.004-.764-.13-1.524-.304-2.267%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/grok-ai-line.svg?color=%231a73e8&size=48