Icono Four Round Point Connection
icon-park:four-round-point-connection
El icono Four Round Point Connection (icon-park:four-round-point-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
- fourround, roundpoint, pointconnection, fourroundpointconnection
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 fill="#2F88FF" d="M10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16Z"/><path d="M6.28339 14.7109C5.42081 16.3526 4.77973 18.1289 4.3999 20.0001"/><path d="M14.7109 6.28339C16.3527 5.4208 18.129 4.77973 20.0002 4.3999"/><path fill="#2F88FF" d="M38 16C41.3137 16 44 13.3137 44 10C44 6.68629 41.3137 4 38 4C34.6863 4 32 6.68629 32 10C32 13.3137 34.6863 16 38 16Z"/><path d="M33.2893 6.28339C31.6475 5.4208 29.8712 4.77973 28 4.3999"/><path d="M41.7163 14.7109C42.5789 16.3526 43.22 18.1289 43.5998 20.0001"/><path fill="#2F88FF" d="M38 44C41.3137 44 44 41.3137 44 38C44 34.6863 41.3137 32 38 32C34.6863 32 32 34.6863 32 38C32 41.3137 34.6863 44 38 44Z"/><path d="M41.7163 33.2893C42.5789 31.6475 43.22 29.8712 43.5998 28"/><path d="M33.2893 41.7163C31.6475 42.5789 29.8712 43.22 28 43.5998"/><path fill="#2F88FF" d="M10 44C13.3137 44 16 41.3137 16 38C16 34.6863 13.3137 32 10 32C6.68629 32 4 34.6863 4 38C4 41.3137 6.68629 44 10 44Z"/><path d="M14.7109 41.7163C16.3527 42.5789 18.129 43.22 20.0002 43.5998"/><path d="M6.28339 33.2893C5.42081 31.6475 4.77973 29.8712 4.3999 28"/><path d="M24 30V18M18 24H30H18Z"/></g></svg>Cómo usar el icono Four Round Point Connection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:four-round-point-connection" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:four-round-point-connection" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:four-round-point-connection" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--four-round-point-connection]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:four-round-point-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:four-round-point-connection"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/four-round-point-connection.svg" alt="Icono Four Round Point Connection" width="24" height="24">Iconos relacionados en IconPark
El icono Four Round Point Connection en otras colecciones
Preguntas frecuentes sobre Icono Four Round Point Connection
¿El icono Four Round Point 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 Four Round Point Connection en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:four-round-point-connection" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Four Round Point 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/four-round-point-connection.svg" alt="Icono Four Round Point Connection">, o pega el código SVG en línea para darle estilo con CSS.