Ikon Dashboard
el:dashboard
Ikon Dashboard (el:dashboard) adalah ikon SVG gratis dari set Elusive Icons karya Team Redux. Ikon ini digambar pada grid 1200 × 1200. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elusive Icons
- Pembuat
- Team Redux
- Lisensi
- OFL-1.1
- Ukuran
- 1200 × 1200
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 195.373c-331.371 0-600 268.629-600 600c0 73.594 13.256 144.104 37.5 209.253h164.062C168.665 942.111 150 870.923 150 795.373c0-248.528 201.471-450 450-450s450 201.472 450 450c0 75.55-18.665 146.738-51.562 209.253H1162.5c24.244-65.148 37.5-135.659 37.5-209.253c0-331.371-268.629-600-600-600m0 235.62c-41.421 0-75 33.579-75 75s33.579 75 75 75s75-33.578 75-75s-33.579-75-75-75m-224.927 73.462c-41.421 0-75 33.579-75 75s33.579 75 75 75s75-33.578 75-75s-33.579-75-75-75m449.854 0c-41.422 0-75 33.579-75 75s33.578 75 75 75s75-33.578 75-75s-33.579-75-75-75M600 651.672l-58.813 294.141v58.814h117.627v-58.814z"/></svg>
Cara memakai ikon Dashboard
React
import { Icon } from "@iconify/react";
<Icon icon="el:dashboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:dashboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:dashboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--dashboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:dashboard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:dashboard"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/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. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dashboard di React?
Pasang @iconify/react lalu render <Icon icon="el: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/el/dashboard.svg" alt="Ikon Dashboard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Elusive Icons →
ICONYZ
