Icono Collabtive
whh:collabtive
El icono Collabtive (whh:collabtive) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 960 × 1024. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 960 × 1024
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="Icono Collabtive" width="24" height="24">Preguntas frecuentes sobre Icono Collabtive
¿El icono Collabtive es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Collabtive en React?
Instala @iconify/react y renderiza <Icon icon="whh:collabtive" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Collabtive a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/collabtive.svg" alt="Icono Collabtive">, o pega el código SVG en línea para darle estilo con CSS.