Groovehq ikonu
logos:groovehq
Groovehq ikonu (logos:groovehq), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 132 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 132
SVG kodu
<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>Groovehq ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:groovehq"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/groovehq.svg" alt="Groovehq ikonu" width="24" height="24">Groovehq ikonu: sık sorulan sorular
Groovehq ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Groovehq ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:groovehq" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Groovehq ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/groovehq.svg" alt="Groovehq ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.