Ikon Drop Zone
ix:drop-zone
Ikon Drop Zone (ix:drop-zone) adalah ikon SVG gratis dari set Siemens Industrial Experience Icons karya Siemens AG. Ikon ini digambar pada grid 512 × 512. Siemens Industrial Experience Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Siemens Industrial Experience Icons
- Pembuat
- Siemens AG
- Lisensi
- MIT
- Ukuran
- 512 × 512
- Tag
- dropzone
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m134.4 72.96l121.813 121.6l121.813-121.6l-30.293-30.293l-91.52 91.733l-91.52-91.733zM106.667 64v64H64V64zM64 170.667v64h42.667v-64zm0 170.666v-64h42.667v64zm341.333-64v64H448v-64zm0-42.666v-64H448v64zM234.667 405.333h-64V448h64zm42.666 0h64V448h-64zm-170.666 0V384H64v64h64v-42.667zm298.666-298.666V128H448V64h-42.667zm0 298.666H384V448h64v-64h-42.667z" clip-rule="evenodd"/></svg>Cara memakai ikon Drop Zone
React
import { Icon } from "@iconify/react";
<Icon icon="ix:drop-zone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:drop-zone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:drop-zone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--drop-zone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:drop-zone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:drop-zone"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ix/drop-zone.svg" alt="Ikon Drop Zone" width="24" height="24">Ikon terkait di Siemens Industrial Experience Icons
Ikon Drop Zone di set ikon lain
FAQ Ikon Drop Zone
Apakah ikon Drop Zone gratis untuk penggunaan komersial?
Ya. Siemens Industrial Experience Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Drop Zone di React?
Pasang @iconify/react lalu render <Icon icon="ix:drop-zone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Drop Zone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ix/drop-zone.svg" alt="Ikon Drop Zone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.