Grok Icon icon
logos:grok-icon
The Grok Icon icon (logos:grok-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 246 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 246
- Tags
- grokicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="246" viewBox="0 0 256 246"><path d="M63.83 56.843c27.469-27.48 67.635-34.865 101.712-21.87l2.314.917c7.645 2.844 14.309 6.89 19.507 10.651l-28.857 13.342c-26.869-11.286-57.649-3.609-76.435 15.2c-25.405 25.414-30.539 69.484-.764 97.96L0 245.764c4.296-5.923 9.457-11.573 14.75-17.178l5.815-6.13l2.608-2.774c15.53-16.655 28.81-33.77 20.496-56.709l-.766-1.98c-14.592-35.497-6.094-77.096 20.928-104.15m156.956-21.587L256 0l-10.128 14.069c-21.094 29.716-30.456 48.424-21.11 88.659l-.065-.065c7.23 30.728-.503 64.803-25.472 89.802c-31.478 31.538-81.852 38.558-123.336 10.17l28.923-13.407c26.476 10.41 55.442 5.839 76.26-15.003c20.818-20.844 25.493-51.2 15.03-76.462c-1.989-4.79-7.952-5.992-12.125-2.909L98.87 157.755L220.786 35.147z"/></svg>How to use the Grok Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:grok-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:grok-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:grok-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--grok-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:grok-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:grok-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/grok-icon.svg" alt="Grok Icon icon" width="24" height="24">Related icons in SVG Logos
Grok Icon icon FAQ
Is the Grok Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Grok Icon icon in React?
Install @iconify/react and render <Icon icon="logos:grok-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Grok Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/grok-icon.svg" alt="Grok Icon icon">, or paste the SVG code inline to style it with CSS.