Four Round Point Connection icon
icon-park:four-round-point-connection
The Four Round Point Connection icon (icon-park:four-round-point-connection) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Abstract
- Tags
- fourround, roundpoint, pointconnection, fourroundpointconnection
SVG code
<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>
How to use the Four Round Point Connection icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/four-round-point-connection.svg" alt="Four Round Point Connection icon" width="24" height="24">
Related icons in IconPark
Four Round Point Connection icon in other icon sets
Four Round Point Connection icon FAQ
Is the Four Round Point Connection icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Four Round Point Connection icon in React?
Install @iconify/react and render <Icon icon="icon-park:four-round-point-connection" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Four Round Point Connection icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/four-round-point-connection.svg" alt="Four Round Point Connection icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
