Ikon Dashboard One
icon-park:dashboard-one
Ikon Dashboard One (icon-park:dashboard-one) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 49 × 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
- 49 × 48
- Kategori
- Perangkat keras
- Tag
- dashboardone
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M24.7778 7C13.7321 7 4.77783 15.9543 4.77783 27C4.77783 32.2301 6.49127 37.4362 9.77783 41H39.7778C43.0644 37.4362 44.7778 32.2301 44.7778 27C44.7778 15.9543 35.8235 7 24.7778 7Z"/><circle cx="24.778" cy="30" r="4" fill="#2F88FF"/><path d="M24.7778 20V26"/><path d="M24.7778 12V14"/><path d="M9.77783 28H11.7778"/><path d="M13.7778 18L15.192 19.4142"/><path d="M37.7778 28H39.7778"/><path d="M34.7778 19.4141L36.192 17.9998"/></g></svg>
Cara memakai ikon Dashboard One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:dashboard-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:dashboard-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:dashboard-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--dashboard-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:dashboard-one"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:dashboard-one"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/dashboard-one.svg" alt="Ikon Dashboard One" width="24" height="24">
Ikon Dashboard One di set ikon lain
FAQ Ikon Dashboard One
Apakah ikon Dashboard One 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 Dashboard One di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:dashboard-one" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dashboard One ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/dashboard-one.svg" alt="Ikon Dashboard One">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
