Ikon Four Round Point Connection
icon-park:four-round-point-connection
Ikon Four Round Point Connection (icon-park:four-round-point-connection) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Abstrak
- Tag
- fourround, roundpoint, pointconnection, fourroundpointconnection
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/four-round-point-connection.svg" alt="Ikon Four Round Point Connection" width="24" height="24">
Ikon Four Round Point Connection di set ikon lain
FAQ Ikon Four Round Point Connection
Apakah ikon Four Round Point Connection gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Four Round Point Connection di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:four-round-point-connection" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Four Round Point Connection ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/four-round-point-connection.svg" alt="Ikon Four Round Point Connection">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
