أيقونة Collabtive

whh:collabtive

أيقونة Collabtive (whh:collabtive) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 960 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: WebHostingHub Glyphs
المؤلف: WebHostingHub
الترخيص: OFL-1.1
الحجم: 960 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="960" height="1024" viewBox="0 0 960 1024"><path fill="currentColor" d="M960 340v24h-25q-1 6-4 13l22 13l-12 20l-22-12q-4 5-9 9l12 22l-20 12l-13-22q-6 3-13 4v25h-24v-25q-6-1-13-4l-13 22l-20-12l12-22q-5-4-9-9l-22 12l-12-20l22-13q-3-6-4-13h-25v-24h25q1-6 4-13l-22-13l12-20l22 12q4-5 9-9l-12-22l20-12l13 22q6-3 13-4v-25h24v25q6 1 13 4l13-22l20 12l-12 22q5 4 9 9l22-12l12 20l-22 13q3 7 4 13zm-96-36q-20 0-34 14t-14 34t14 34t34 14t34-14t14-34t-14-34t-34-14M647 562l43 25l-24 42l-43-25q-9 10-19 19l25 43l-42 24l-25-43q-13 5-26 7v50h-48v-50q-12-2-26-7l-25 43l-42-24l26-43q-11-9-19-19l-44 25l-24-42l43-25q-5-13-7-26h-50v-48h50q2-12 7-26l-43-25l24-42l44 26q8-11 19-19l-26-44l42-24l25 43q13-5 26-7v-50h48v50q12 2 26 7l25-43l42 24l-25 44q9 8 19 19l43-26l24 42l-43 25q5 13 7 26h50v48h-50q-2 12-7 26M512 416q-40 0-68 28t-28 68t28 68t68 28t68-28t28-68t-28-68t-68-28m0-160q-106 0-181 75t-75 181t75 181t181 75q53 0 101-21l50 117q-44 19-87 26v134H448V890q-32-5-69-19l-68 116l-110-64l67-116q-27-23-51-51l-116 67l-64-110l115-67q-12-35-18-70H0V448h134q6-35 18-70L37 311l64-110l116 67q24-28 51-51l-67-116l110-64l68 116q37-14 69-19V0h128v134q44 7 87 26l-50 117q-48-21-101-21"/></svg>

كيفية استخدام أيقونة Collabtive

React

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

<Icon icon="whh:collabtive" width="24" />

Vue

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

<template>
  <Icon icon="whh:collabtive" width="24" />
</template>

Svelte

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

<Icon icon="whh:collabtive" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:collabtive"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="أيقونة Collabtive" width="24" height="24">

الأسئلة الشائعة حول أيقونة Collabtive

هل أيقونة Collabtive مجانية للاستخدام التجاري؟

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Collabtive في React؟

ثبّت @iconify/react واعرض <Icon icon="whh:collabtive" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Collabtive إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="أيقونة Collabtive">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات WebHostingHub Glyphs →