Grok icon
logos:grok
The Grok icon (logos:grok) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 188 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
- 512 × 188
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="188" viewBox="0 0 512 188"><path d="M446.35 142.018V46.44h15.11v63.078l31.955-36.707h18.317l-28.746 31.458L512 142.019h-18.05l-23.5-32.437l-8.99-.064v32.5zm-45.818 1.607c-22.462 0-34.629-15.93-34.629-36.277c0-20.481 12.167-36.277 34.63-36.277c22.595 0 34.628 15.796 34.628 36.277c0 20.347-12.033 36.277-34.629 36.277m-18.852-36.277c0 15.796 8.557 23.693 18.852 23.693c10.43 0 18.853-7.897 18.853-23.693S410.96 83.52 400.532 83.52c-10.295 0-18.852 8.032-18.852 23.828m-57.827 34.67v-58.23l12.702-10.977h27.008v12.85h-24.6v56.357zm-57.77 1.768c-28.797 0-45.967-20.91-45.967-49.423c0-28.78 17.783-50.199 46.529-50.199c22.462 0 38.908 11.512 42.786 32.93h-17.248c-2.54-12.181-12.702-19.008-25.538-19.008c-20.724 0-29.816 17.938-29.816 36.277s9.092 36.143 29.816 36.143c19.788 0 28.48-14.323 29.147-26.237h-29.815v-13.86h45.058l-.074 7.246c0 26.929-10.974 46.131-44.878 46.131M48.759 43.42c20.982-20.99 51.664-26.632 77.695-16.705l1.767.7c5.84 2.173 10.93 5.263 14.901 8.137L121.08 45.743c-20.525-8.62-44.036-2.757-58.387 11.611c-19.407 19.413-23.328 53.077-.584 74.83L0 187.734c3.282-4.525 7.224-8.841 11.267-13.122l4.442-4.683l1.992-2.12c11.864-12.721 22.008-25.795 15.657-43.318l-.585-1.513c-11.147-27.115-4.656-58.891 15.986-79.557m119.894-16.489L195.553 0l-7.737 10.747c-16.113 22.7-23.265 36.99-16.126 67.724l-.05-.05c5.524 23.473-.383 49.502-19.457 68.598c-24.045 24.091-62.525 29.454-94.213 7.769l22.093-10.242c20.224 7.953 42.351 4.46 58.253-11.46c15.903-15.922 19.474-39.11 11.481-58.407c-1.518-3.659-6.074-4.578-9.261-2.222l-65.012 48.048l93.129-93.657z"/></svg>How to use the Grok icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:grok" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:grok" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:grok" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--grok]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:grok"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:grok"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/grok.svg" alt="Grok icon" width="24" height="24">Related icons in SVG Logos
Grok icon in other icon sets
Grok icon FAQ
Is the Grok 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 in React?
Install @iconify/react and render <Icon icon="logos:grok" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Grok icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/grok.svg" alt="Grok icon">, or paste the SVG code inline to style it with CSS.