Groq icon

logos:groq

The Groq icon (logos:groq) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 146 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 × 146

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="146" viewBox="0 0 512 146"><path fill="#f43e01" d="M356.05.08h-.01c-28.319 0-51.361 23.042-51.361 51.36c0 28.32 23.042 51.362 51.36 51.362c28.319 0 51.361-23.043 51.361-51.369C407.351 23.166 384.314.13 356.05.08m24.114 51.36c0 13.305-10.82 24.123-24.122 24.123s-24.122-10.82-24.122-24.122s10.82-24.123 24.122-24.123s24.122 10.819 24.122 24.123m-145.333-4.739c.111-3.033.37-5.976.948-8.96l.013-.06a46.8 46.8 0 0 1 3.31-10.074c3.049-6.485 7.547-12.198 13.025-16.544c5.369-4.235 11.655-7.39 18.185-9.129A50.3 50.3 0 0 1 280.177.23c7.397-.53 14.712.297 21.678 2.904a50.6 50.6 0 0 1 7.56 3.584l4.077 2.37l-13.077 22.747l-4.082-2.274a23.5 23.5 0 0 0-9.085-2.87a28.7 28.7 0 0 0-10.058.886a23.3 23.3 0 0 0-8.49 4.3c-2.326 1.873-4.202 4.265-5.416 6.9c-1.313 2.845-1.804 5.977-1.804 9.088v51.461h-26.652V46.702zm-9.258 1.729c-.323-13.015-5.625-25.195-14.932-34.292C201.342 5.049 189.067.026 176.078 0h-.421c-27.127 0-49.317 22.001-49.555 49.245c-.116 13.267 4.928 25.791 14.198 35.266c9.276 9.477 21.668 14.758 34.933 14.875h15.118V73.065h-14.353c-6.224.085-12.103-2.292-16.552-6.649c-4.454-4.358-6.945-10.2-7.012-16.453c-.142-12.886 10.175-23.487 23.006-23.642h.617c12.81 0 23.29 10.485 23.363 23.35v45.948c0 12.717-10.35 23.187-23.076 23.35c-6.095-.047-11.823-2.468-16.13-6.83l-3.341-3.377l-.013.013l-13.43 23.72c8.962 8.18 20.442 12.704 32.627 12.794h.67c13.06-.186 25.313-5.41 34.504-14.72c9.182-9.306 14.28-21.646 14.347-34.777V48.436h-.013v-.005zM462.553.075c-13.264 0-25.729 5.17-35.1 14.567c-9.356 9.38-14.498 21.841-14.472 35.078c0 27.352 22.239 49.601 49.575 49.601h14.059V73.036h-14.059c-12.851 0-23.303-10.459-23.303-23.316s10.452-23.316 23.303-23.316c5.84 0 11.429 2.18 15.741 6.139c4.162 3.824 7.434 8.945 7.434 14.588v94.996H512V49.72C512 22.347 489.818.075 462.554.075M42.886 88.42H0L70.383.388L52.619 57.26h42.878l-70.375 88.032z"/></svg>

How to use the Groq icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:groq" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:groq" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:groq" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--groq]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:groq"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:groq"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/groq.svg" alt="Groq icon" width="24" height="24">

Groq icon in other icon sets

Groq icon FAQ

Is the Groq 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 Groq icon in React?

Install @iconify/react and render <Icon icon="logos:groq" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Groq icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/groq.svg" alt="Groq icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →