أيقونة Groovehq
logos:groovehq
أيقونة Groovehq (logos:groovehq) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 132. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 132
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:groovehq"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/groovehq.svg" alt="أيقونة Groovehq" width="24" height="24">الأسئلة الشائعة حول أيقونة Groovehq
هل أيقونة Groovehq مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Groovehq في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:groovehq" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Groovehq إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/groovehq.svg" alt="أيقونة Groovehq">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.