Groq icon
thesvg-color:groq
The Groq icon (thesvg-color:groq) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 201 × 201 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 201 × 201
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="201" height="201" viewBox="0 0 201 201"><path fill="#f54f35" d="M0 0h201v201H0z"/><path fill="#fefbfb" d="m128 49l1.895 1.52C136.336 56.288 140.602 64.49 142 73c.097 1.823.148 3.648.161 5.474l.03 3.247l.012 3.482l.017 3.613q.014 3.783.02 7.565c.01 3.84.041 7.68.072 11.521q.01 3.683.016 7.364l.038 3.457c-.033 11.717-3.373 21.83-11.475 30.547c-4.552 4.23-9.148 7.372-14.891 9.73l-2.387 1.055c-9.275 3.355-20.3 2.397-29.379-1.13c-5.016-2.38-9.156-5.17-13.234-8.925c3.678-4.526 7.41-8.394 12-12l3.063 2.375c5.572 3.958 11.135 5.211 17.937 4.625c6.96-1.384 12.455-4.502 17-10c4.174-6.784 4.59-12.222 4.531-20.094l.012-3.473q.004-3.62-.022-7.241c-.02-3.68 0-7.36.026-11.04a3321 3321 0 0 0-.016-7.058l.025-3.312c-.098-7.996-1.732-13.21-6.681-19.47c-6.786-5.458-13.105-8.211-21.914-7.792c-7.327 1.188-13.278 4.7-17.777 10.601C75.472 72.012 73.86 78.07 75 85c2.191 7.547 5.019 13.948 12 18c5.848 3.061 10.892 3.523 17.438 3.688l2.794.103c2.256.082 4.512.147 6.768.209v16c-16.682.673-29.615.654-42.852-10.848c-8.28-8.296-13.338-19.55-13.71-31.277c.394-9.87 3.93-17.894 9.562-25.875l1.688-2.563C84.698 35.563 110.05 34.436 128 49"/></svg>How to use the Groq icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:groq" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:groq" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:groq" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--groq]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:groq"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:groq"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/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. theSVG Color icons are released under the MIT 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="thesvg-color: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/thesvg-color/groq.svg" alt="Groq icon">, or paste the SVG code inline to style it with CSS.