Ikon Collabtive
whh:collabtive
Ikon Collabtive (whh:collabtive) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 960 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 960 × 1024
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:collabtive"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="Ikon Collabtive" width="24" height="24">FAQ Ikon Collabtive
Apakah ikon Collabtive gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Collabtive di React?
Pasang @iconify/react lalu render <Icon icon="whh:collabtive" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Collabtive ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="Ikon Collabtive">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.