Groovehq icon

logos:groovehq

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="132" viewBox="0 0 512 132"><path fill="#0ba0be" d="M43.946 112.521c-10.871 0-21.076-2.806-29.934-7.707l-9.294 16.25c11.603 6.44 24.976 10.128 39.228 10.128c14.251 0 27.625-3.689 39.228-10.129l-9.294-16.249c-8.859 4.901-19.063 7.707-29.934 7.707"/><path d="M98.643 0v19.804H80.687c-.008 0-.03.005-.042.007c4.412 6.878 6.956 15.157 6.956 24.217c0 24.735-19.162 44.147-43.8 44.147C18.99 88.175 0 68.763 0 44.028C0 19.12 18.992.052 43.8.052c11.466 0 21.742 4.133 29.456 11.058c2.068-2.305 5.27-5.658 7.164-7.063c2.073-1.538 1.757-1.49 3.988-2.515C86.64.506 90.424 0 98.643 0m100.956.052c24.638 0 43.801 19.068 43.801 43.976c0 24.735-19.163 44.147-43.8 44.147c-24.81 0-43.801-19.412-43.801-44.147c0-24.908 18.991-43.976 43.8-43.976m97.727.006c24.635 0 43.798 19.067 43.798 43.973c0 24.734-19.163 44.144-43.798 44.144c-24.808 0-43.798-19.41-43.798-44.144c0-24.906 18.99-43.973 43.798-43.973M471.208.011c7.35 0 13.672 1.318 18.794 3.918c5.1 2.59 9.359 6.03 12.656 10.223c3.283 4.183 5.69 8.956 7.156 14.188a59 59 0 0 1 2.187 15.892v6.11H446.99c.161 2.844.876 6.133 2.132 8.513a22.95 22.95 0 0 0 5.762 7.088c2.389 1.965 5.197 3.51 8.343 4.597a30 30 0 0 0 9.863 1.65c4.53 0 8.51-1.062 11.829-3.157c3.407-2.154 6.587-5.04 9.452-8.578l.767-.948l13.606 10.446l-.77 1c-8.768 11.385-21.195 17.156-36.939 17.156c-6.523 0-12.53-1.131-17.856-3.36c-5.327-2.233-9.907-5.368-13.61-9.323c-3.691-3.942-6.573-8.651-8.562-13.997c-1.984-5.326-2.99-11.168-2.99-17.368c0-6.21 1.096-12.065 3.26-17.401c2.16-5.34 5.187-10.042 8.99-13.98c3.81-3.942 8.413-7.073 13.679-9.306C459.215 1.142 465.023.01 471.208.01m-109.71 1.976l22.358 60.434l22.696-60.434h19.647L393.72 86.154h-19.725L341.851 1.987zM151.855 0v19.804h-17.956c-.182 0-1.381.393-2.648.821l-.449.153c-.746.254-1.478.506-2 .684v64.692H110.72V1.97h18.08v6.62c1.709-1.788 3.564-3.603 4.83-4.543c2.074-1.538 1.758-1.49 3.99-2.515C139.85.506 143.635 0 151.854 0m145.47 18.438c-14.028 0-24.807 11.508-24.807 25.593c0 14.084 10.779 25.593 24.808 25.593c14.2 0 24.635-11.509 24.635-25.593c0-14.085-10.435-25.593-24.635-25.593m-253.524-.005c-14.03 0-24.81 11.508-24.81 25.595c0 14.085 10.78 25.595 24.81 25.595c14.2 0 24.638-11.51 24.638-25.595c0-14.087-10.437-25.595-24.638-25.595m155.798 0c-14.03 0-24.809 11.509-24.809 25.595s10.78 25.595 24.81 25.595c14.2 0 24.637-11.51 24.637-25.595c0-14.086-10.436-25.595-24.638-25.595M470.865 14.9c-3.567 0-6.876.685-9.837 2.036c-2.98 1.36-5.527 3.145-7.571 5.306c-2.053 2.171-3.67 4.62-4.808 7.278c-.942 2.209-1.495 3.742-1.65 5.905h45.998c-.19-2.805-.693-4.744-1.494-7.115c-.909-2.68-2.288-5.044-4.102-7.029c-1.811-1.975-4.11-3.548-6.828-4.671c-2.744-1.135-6.011-1.71-9.708-1.71"/></svg>

How to use the Groovehq icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Groovehq icon FAQ

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

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

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

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

Browse all SVG Logos icons →