Icono Six Circular Connection
icon-park:six-circular-connection
El icono Six Circular Connection (icon-park:six-circular-connection) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Abstractos
- Etiquetas
- sixcircular, circularconnection, sixcircularconnection
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M37.8564 20V24V28"/><path d="M27.4639 38L30.928 36L34.3921 34"/><path d="M20.5356 38L17.0715 36L13.6074 34"/><path d="M10.1436 20V24V28"/><path d="M13.6074 14L17.0715 12L20.5356 10"/><path d="M27.4639 10L30.928 12L34.3921 14"/><path fill="#2F88FF" d="M24 44C26.2091 44 28 42.2091 28 40C28 37.7909 26.2091 36 24 36C21.7909 36 20 37.7909 20 40C20 42.2091 21.7909 44 24 44Z"/><path fill="#2F88FF" d="M24 12C26.2091 12 28 10.2091 28 8C28 5.79086 26.2091 4 24 4C21.7909 4 20 5.79086 20 8C20 10.2091 21.7909 12 24 12Z"/><path fill="#2F88FF" d="M24 28C26.2091 28 28 26.2091 28 24C28 21.7909 26.2091 20 24 20C21.7909 20 20 21.7909 20 24C20 26.2091 21.7909 28 24 28Z"/><path fill="#2F88FF" d="M38 20C40.2091 20 42 18.2091 42 16C42 13.7909 40.2091 12 38 12C35.7909 12 34 13.7909 34 16C34 18.2091 35.7909 20 38 20Z"/><path fill="#2F88FF" d="M38 36C40.2091 36 42 34.2091 42 32C42 29.7909 40.2091 28 38 28C35.7909 28 34 29.7909 34 32C34 34.2091 35.7909 36 38 36Z"/><path fill="#2F88FF" d="M10 20C12.2091 20 14 18.2091 14 16C14 13.7909 12.2091 12 10 12C7.79086 12 6 13.7909 6 16C6 18.2091 7.79086 20 10 20Z"/><path fill="#2F88FF" d="M10 36C12.2091 36 14 34.2091 14 32C14 29.7909 12.2091 28 10 28C7.79086 28 6 29.7909 6 32C6 34.2091 7.79086 36 10 36Z"/></g></svg>Cómo usar el icono Six Circular Connection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:six-circular-connection" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:six-circular-connection" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:six-circular-connection" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--six-circular-connection]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:six-circular-connection"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:six-circular-connection"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/six-circular-connection.svg" alt="Icono Six Circular Connection" width="24" height="24">Iconos relacionados en IconPark
El icono Six Circular Connection en otras colecciones
Preguntas frecuentes sobre Icono Six Circular Connection
¿El icono Six Circular Connection es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Six Circular Connection en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:six-circular-connection" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Six Circular Connection a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/six-circular-connection.svg" alt="Icono Six Circular Connection">, o pega el código SVG en línea para darle estilo con CSS.