Ikon Four Point Connection
icon-park:four-point-connection
Ikon Four Point Connection (icon-park:four-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
- fourpoint, pointconnection, fourpointconnection
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 d="M8 28V40H20"/><path d="M28 40H40V28"/><path d="M40 20V8H28"/><path d="M20 8H8V20"/><path fill="#2F88FF" d="M44 20H36V28H44V20Z"/><path fill="#2F88FF" d="M12 20H4V28H12V20Z"/><path fill="#2F88FF" d="M28 36H20V44H28V36Z"/><path fill="#2F88FF" d="M28 4H20V12H28V4Z"/><path d="M24 18V30"/><path d="M18 24H30"/><path d="M28 8L40 20"/><path d="M20 8L8 20"/><path d="M20 40L8 28"/><path d="M40 28L29 40"/></g></svg>
Cara memakai ikon Four Point Connection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:four-point-connection" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:four-point-connection" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:four-point-connection" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--four-point-connection]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:four-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-point-connection"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/four-point-connection.svg" alt="Ikon Four Point Connection" width="24" height="24">
Ikon Four Point Connection di set ikon lain
FAQ Ikon Four Point Connection
Apakah ikon Four 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 Point Connection di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:four-point-connection" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Four Point Connection ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/four-point-connection.svg" alt="Ikon Four Point Connection">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
