Icono Connection
ep:connection
El icono Connection (ep:connection) es un icono SVG gratuito de la colección Element Plus. Está dibujado en una cuadrícula de 1024 × 1024. Element Plus icons se publican bajo la licencia MIT, 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
- Element Plus
- Autor
- Element Plus
- Licencia
- MIT
- Tamaño
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M640 384v64H448a128 128 0 0 0-128 128v128a128 128 0 0 0 128 128h320a128 128 0 0 0 128-128V576a128 128 0 0 0-64-110.8v-70.3a192 192 0 0 1 128 181v128a192 192 0 0 1-192 192H448a192 192 0 0 1-192-192V576a192 192 0 0 1 192-192z"/><path fill="currentColor" d="M384 640v-64h192a128 128 0 0 0 128-128V320a128 128 0 0 0-128-128H256a128 128 0 0 0-128 128v128a128 128 0 0 0 64 110.8v70.3A192 192 0 0 1 64 448V320a192 192 0 0 1 192-192h320a192 192 0 0 1 192 192v128a192 192 0 0 1-192 192z"/></svg>
Cómo usar el icono Connection
React
import { Icon } from "@iconify/react";
<Icon icon="ep:connection" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:connection" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:connection" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--connection]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:connection"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:connection"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ep/connection.svg" alt="Icono Connection" width="24" height="24">
El icono Connection en otras colecciones
Preguntas frecuentes sobre Icono Connection
¿El icono Connection es gratis para uso comercial?
Sí. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Connection en React?
Instala @iconify/react y renderiza <Icon icon="ep:connection" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Connection a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ep/connection.svg" alt="Icono Connection">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Element Plus →
ICONYZ
