Ikon Groovehq
logos:groovehq
Ikon Groovehq (logos:groovehq) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 132. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 132
Kode SVG
<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>Cara memakai ikon Groovehq
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/groovehq.svg" alt="Ikon Groovehq" width="24" height="24">FAQ Ikon Groovehq
Apakah ikon Groovehq gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Groovehq di React?
Pasang @iconify/react lalu render <Icon icon="logos:groovehq" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Groovehq ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/groovehq.svg" alt="Ikon Groovehq">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.