Ikon Dashboard

file-icons:dashboard

Ikon Dashboard (file-icons:dashboard) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 512 × 512. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: File Icons
Pembuat: John Gardner
Lisensi: ISC
Ukuran: 512 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M305.7 342.36c-36.02 38.29-100.39 23.09-115.589-27.295c-15.192-50.363 30.032-98.465 81.224-86.427c58.156-49.74 148.502-126.691 200.832-169.308c18.25-14.87 33.888 1.921 19.672 19.672c-41.495 51.85-119.189 142.856-169.368 201.218c4.833 21.002.02 44.292-16.77 62.14m127.047-86.388c0-15.088-16.445-24.568-29.53-17.025s-13.085 26.506 0 34.05s29.53-1.938 29.53-17.025M137.67 177.285c0-15.088-16.445-24.569-29.53-17.025s-13.085 26.505 0 34.05s29.53-1.938 29.53-17.025m-19.671 78.687c0-15.088-16.445-24.568-29.53-17.025s-13.086 26.506 0 34.05s29.53-1.938 29.53-17.025m78.687-137.703c0-15.087-16.445-24.568-29.53-17.025s-13.085 26.506 0 34.05s29.53-1.938 29.53-17.025m157.374 0c0-15.087-16.445-24.568-29.53-17.025s-13.085 26.506 0 34.05s29.53-1.938 29.53-17.025m-78.687-19.672c0-15.087-16.445-24.568-29.53-17.024s-13.085 26.505 0 34.049s29.53-1.937 29.53-17.025m169.769 105.037c23.223 85.955-12.514 184.785-102.744 229.037c-135.459 66.434-292.993-39.468-282.88-190.167C69.626 91.824 239.83 8.333 365.172 92.548l48.89-37.369C260.077-66.642 31.028 24.452 2.766 218.756C-25.498 413.06 168.032 566.164 350.282 493.682c142.986-56.867 195.646-219.428 137.34-345.665z"/></svg>

Cara memakai ikon Dashboard

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:dashboard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:dashboard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:dashboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--dashboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:dashboard"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:dashboard"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/file-icons/dashboard.svg" alt="Ikon Dashboard" width="24" height="24">

Ikon Dashboard di set ikon lain

FAQ Ikon Dashboard

Apakah ikon Dashboard gratis untuk penggunaan komersial?

Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Dashboard di React?

Pasang @iconify/react lalu render <Icon icon="file-icons:dashboard" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Dashboard ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/dashboard.svg" alt="Ikon Dashboard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua File Icons →