Ikon Dia
file-icons:dia
Ikon Dia (file-icons:dia) 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
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M269.642 130.298L163.788 340.66l216.751.41zm-1.627 97.812l37.084 70.42l-71.738-.299zm-104.227-91.663H50.943V12.267h112.845zm-.16 251.768l-55.493 111.519L50.91 388.07l22.704.11V147.783h67.503v240.433zm104.514 54.532l-122.156.005l28.2-56.671h93.702c126.975-6.035 188.66-71.009 187.232-136.028c-1.407-64.16-64.27-128.364-186.535-136.022h-93.462V57.353h93.473c162.307 7.124 243.654 99.903 243.395 192.7c-.257 92.339-81.317 184.696-243.849 192.694m-198.76.008L0 442.758V386.08l40.289-.094zM39.608 114.03H0V57.353h39.608z"/></svg>Cara memakai ikon Dia
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:dia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:dia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:dia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--dia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:dia"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:dia"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/file-icons/dia.svg" alt="Ikon Dia" width="24" height="24">Ikon Dia di set ikon lain
FAQ Ikon Dia
Apakah ikon Dia gratis untuk penggunaan komersial?
Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dia di React?
Pasang @iconify/react lalu render <Icon icon="file-icons:dia" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dia ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/dia.svg" alt="Ikon Dia">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.