Collabtive icon
whh:collabtive
The Collabtive icon (whh:collabtive) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 960 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 960 × 1024
SVG code
<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>How to use the Collabtive icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="Collabtive icon" width="24" height="24">Collabtive icon FAQ
Is the Collabtive icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Collabtive icon in React?
Install @iconify/react and render <Icon icon="whh:collabtive" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Collabtive icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="Collabtive icon">, or paste the SVG code inline to style it with CSS.