grok logo

grok-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.

Name: grok-text
Set: LobeHub AI Icons
Style: Wordmark
Viewbox: 63×24
License: MIT

1 other variant in LobeHub AI Icons

The same logo in other sets

grokBoxicons Brands grokHuge Icons grokSVG Logos grok-fillMingCute Icon

Use the grok logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 63 24"><path fill="currentColor" fill-rule="evenodd" d="M47.419 21.645V2.457h3.033V15.12l6.415-7.369h3.678l-5.772 6.316 5.825 7.578h-3.624l-4.717-6.512-1.805-.012v6.524h-3.033zM38.22 21.968c-4.51 0-6.952-3.198-6.952-7.283 0-4.112 2.443-7.283 6.952-7.283 4.537 0 6.952 3.17 6.952 7.283 0 4.085-2.415 7.283-6.952 7.283zm-3.785-7.283c0 3.17 1.718 4.756 3.785 4.756 2.094 0 3.785-1.585 3.785-4.756 0-3.172-1.691-4.784-3.785-4.784-2.067 0-3.785 1.612-3.785 4.784zM22.826 21.645V9.955l2.55-2.204h5.422v2.58H25.86v11.314h-3.033zM11.228 22C5.447 22 2 17.802 2 12.078 2 6.3 5.57 2 11.341 2c4.51 0 7.811 2.311 8.59 6.611h-3.463c-.51-2.445-2.55-3.816-5.127-3.816-4.16 0-5.986 3.601-5.986 7.283 0 3.682 1.826 7.256 5.986 7.256 3.973 0 5.717-2.876 5.852-5.267h-5.986v-2.783h9.046l-.015 1.455c0 5.406-2.203 9.261-9.01 9.261z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubGrokText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 63 24"><path fill="currentColor" fillRule="evenodd" d="M47.419 21.645V2.457h3.033V15.12l6.415-7.369h3.678l-5.772 6.316 5.825 7.578h-3.624l-4.717-6.512-1.805-.012v6.524h-3.033zM38.22 21.968c-4.51 0-6.952-3.198-6.952-7.283 0-4.112 2.443-7.283 6.952-7.283 4.537 0 6.952 3.17 6.952 7.283 0 4.085-2.415 7.283-6.952 7.283zm-3.785-7.283c0 3.17 1.718 4.756 3.785 4.756 2.094 0 3.785-1.585 3.785-4.756 0-3.172-1.691-4.784-3.785-4.784-2.067 0-3.785 1.612-3.785 4.784zM22.826 21.645V9.955l2.55-2.204h5.422v2.58H25.86v11.314h-3.033zM11.228 22C5.447 22 2 17.802 2 12.078 2 6.3 5.57 2 11.341 2c4.51 0 7.811 2.311 8.59 6.611h-3.463c-.51-2.445-2.55-3.816-5.127-3.816-4.16 0-5.986 3.601-5.986 7.283 0 3.682 1.826 7.256 5.986 7.256 3.973 0 5.717-2.876 5.852-5.267h-5.986v-2.783h9.046l-.015 1.455c0 5.406-2.203 9.261-9.01 9.261z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 63 24"><path fill="currentColor" fill-rule="evenodd" d="M47.419 21.645V2.457h3.033V15.12l6.415-7.369h3.678l-5.772 6.316 5.825 7.578h-3.624l-4.717-6.512-1.805-.012v6.524h-3.033zM38.22 21.968c-4.51 0-6.952-3.198-6.952-7.283 0-4.112 2.443-7.283 6.952-7.283 4.537 0 6.952 3.17 6.952 7.283 0 4.085-2.415 7.283-6.952 7.283zm-3.785-7.283c0 3.17 1.718 4.756 3.785 4.756 2.094 0 3.785-1.585 3.785-4.756 0-3.172-1.691-4.784-3.785-4.784-2.067 0-3.785 1.612-3.785 4.784zM22.826 21.645V9.955l2.55-2.204h5.422v2.58H25.86v11.314h-3.033zM11.228 22C5.447 22 2 17.802 2 12.078 2 6.3 5.57 2 11.341 2c4.51 0 7.811 2.311 8.59 6.611h-3.463c-.51-2.445-2.55-3.816-5.127-3.816-4.16 0-5.986 3.601-5.986 7.283 0 3.682 1.826 7.256 5.986 7.256 3.973 0 5.717-2.876 5.852-5.267h-5.986v-2.783h9.046l-.015 1.455c0 5.406-2.203 9.261-9.01 9.261z"/></svg>
</template>

CSS

.icon-grok-text {
  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%2063%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M47.419%2021.645V2.457h3.033V15.12l6.415-7.369h3.678l-5.772%206.316%205.825%207.578h-3.624l-4.717-6.512-1.805-.012v6.524h-3.033zM38.22%2021.968c-4.51%200-6.952-3.198-6.952-7.283%200-4.112%202.443-7.283%206.952-7.283%204.537%200%206.952%203.17%206.952%207.283%200%204.085-2.415%207.283-6.952%207.283zm-3.785-7.283c0%203.17%201.718%204.756%203.785%204.756%202.094%200%203.785-1.585%203.785-4.756%200-3.172-1.691-4.784-3.785-4.784-2.067%200-3.785%201.612-3.785%204.784zM22.826%2021.645V9.955l2.55-2.204h5.422v2.58H25.86v11.314h-3.033zM11.228%2022C5.447%2022%202%2017.802%202%2012.078%202%206.3%205.57%202%2011.341%202c4.51%200%207.811%202.311%208.59%206.611h-3.463c-.51-2.445-2.55-3.816-5.127-3.816-4.16%200-5.986%203.601-5.986%207.283%200%203.682%201.826%207.256%205.986%207.256%203.973%200%205.717-2.876%205.852-5.267h-5.986v-2.783h9.046l-.015%201.455c0%205.406-2.203%209.261-9.01%209.261z%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%2063%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M47.419%2021.645V2.457h3.033V15.12l6.415-7.369h3.678l-5.772%206.316%205.825%207.578h-3.624l-4.717-6.512-1.805-.012v6.524h-3.033zM38.22%2021.968c-4.51%200-6.952-3.198-6.952-7.283%200-4.112%202.443-7.283%206.952-7.283%204.537%200%206.952%203.17%206.952%207.283%200%204.085-2.415%207.283-6.952%207.283zm-3.785-7.283c0%203.17%201.718%204.756%203.785%204.756%202.094%200%203.785-1.585%203.785-4.756%200-3.172-1.691-4.784-3.785-4.784-2.067%200-3.785%201.612-3.785%204.784zM22.826%2021.645V9.955l2.55-2.204h5.422v2.58H25.86v11.314h-3.033zM11.228%2022C5.447%2022%202%2017.802%202%2012.078%202%206.3%205.57%202%2011.341%202c4.51%200%207.811%202.311%208.59%206.611h-3.463c-.51-2.445-2.55-3.816-5.127-3.816-4.16%200-5.986%203.601-5.986%207.283%200%203.682%201.826%207.256%205.986%207.256%203.973%200%205.717-2.876%205.852-5.267h-5.986v-2.783h9.046l-.015%201.455c0%205.406-2.203%209.261-9.01%209.261z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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