Ikon Chart Scatter
icon-park:chart-scatter
Ikon Chart Scatter (icon-park:chart-scatter) 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
- Grafik
- Tag
- chartscatter
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 6V42H42"/><path fill="#000" fill-rule="evenodd" d="M20 24C22.2091 24 24 22.2091 24 20C24 17.7909 22.2091 16 20 16C17.7909 16 16 17.7909 16 20C16 22.2091 17.7909 24 20 24Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M37 16C39.7614 16 42 13.7614 42 11C42 8.23858 39.7614 6 37 6C34.2386 6 32 8.23858 32 11C32 13.7614 34.2386 16 37 16Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M15 36C16.6569 36 18 34.6569 18 33C18 31.3431 16.6569 30 15 30C13.3431 30 12 31.3431 12 33C12 34.6569 13.3431 36 15 36Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M33 32C34.6569 32 36 30.6569 36 29C36 27.3431 34.6569 26 33 26C31.3431 26 30 27.3431 30 29C30 30.6569 31.3431 32 33 32Z" clip-rule="evenodd"/></g></svg>
Cara memakai ikon Chart Scatter
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:chart-scatter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:chart-scatter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:chart-scatter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--chart-scatter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:chart-scatter"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:chart-scatter"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/chart-scatter.svg" alt="Ikon Chart Scatter" width="24" height="24">
Ikon Chart Scatter di set ikon lain
FAQ Ikon Chart Scatter
Apakah ikon Chart Scatter 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 Chart Scatter di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:chart-scatter" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Chart Scatter ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/chart-scatter.svg" alt="Ikon Chart Scatter">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
