Icono Connection Two Way
carbon:connection-two-way
El icono Connection Two Way (carbon:connection-two-way) es un icono SVG gratuito de la colección Carbon de IBM. Está dibujado en una cuadrícula de 32 × 32. Carbon icons se publican bajo la licencia Apache 2.0, 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
- Carbon
- Autor
- IBM
- Licencia
- Apache-2.0
- Tamaño
- 32 × 32
- Categoría
- Herramientas
- Etiquetas
- connectiontwo, twoway, connectiontwoway
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M8 8h2v4H8zm0 6h2v4H8zm6-6h2v4h-2zm0 6h2v4h-2zm-6 6h2v4H8zm6 0h2v4h-2zm16 2h-8.17l2.58 2.59L23 26l-5-5l5-5l1.41 1.41L21.83 20H30zM19 12h8.17l-2.58 2.59L26 16l5-5l-5-5l-1.41 1.41L27.17 10H19z"/><path fill="currentColor" d="M28 26v2H4V4h16v2h2V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v26h28v-4Z"/></svg>
Cómo usar el icono Connection Two Way
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:connection-two-way" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:connection-two-way" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:connection-two-way" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--connection-two-way]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:connection-two-way"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:connection-two-way"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/carbon/connection-two-way.svg" alt="Icono Connection Two Way" width="24" height="24">
Iconos relacionados en Carbon
Preguntas frecuentes sobre Icono Connection Two Way
¿El icono Connection Two Way es gratis para uso comercial?
Sí. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Connection Two Way en React?
Instala @iconify/react y renderiza <Icon icon="carbon:connection-two-way" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Connection Two Way a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/connection-two-way.svg" alt="Icono Connection Two Way">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Carbon →
ICONYZ
