Ikon Developer Board
mdi:developer-board
Ikon Developer Board (mdi:developer-board) adalah ikon SVG gratis dari set Material Design Icons karya Pictogrammers. Ikon ini digambar pada grid 24 × 24. Material Design 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
- Material Design Icons
- Pembuat
- Pictogrammers
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- developerboard
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 9V7h-2V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2h2v-2h-2v-2h2v-2h-2V9zm-4 10H4V5h14zM6 13h5v4H6zm6-6h4v3h-4zM6 7h5v5H6zm6 4h4v6h-4z"/></svg>Cara memakai ikon Developer Board
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:developer-board" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:developer-board" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:developer-board" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--developer-board]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:developer-board"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:developer-board"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mdi/developer-board.svg" alt="Ikon Developer Board" width="24" height="24">Ikon Developer Board di set ikon lain
FAQ Ikon Developer Board
Apakah ikon Developer Board gratis untuk penggunaan komersial?
Ya. Material Design Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Developer Board di React?
Pasang @iconify/react lalu render <Icon icon="mdi:developer-board" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Developer Board ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mdi/developer-board.svg" alt="Ikon Developer Board">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.