Ikon Dropzone
logos:dropzone
Ikon Dropzone (logos:dropzone) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="#028bf4"><path d="M128 42.667c-47.129 0-85.333 38.204-85.333 85.333v85.333H128c47.129 0 85.333-38.204 85.333-85.333S175.13 42.667 128 42.667M128 192H64v-64c0-35.346 28.654-64 64-64s64 28.654 64 64s-28.65 64-64 64"/><path d="M128 85.333c-23.563 0-42.667 19.104-42.667 42.667v42.667H128c23.563 0 42.667-19.104 42.667-42.667S151.563 85.333 128 85.333m0 64h-21.333V128c0-11.78 9.553-21.333 21.333-21.333s21.333 9.553 21.333 21.333s-9.55 21.333-21.333 21.333"/><path d="M128 0H0v256h128c70.692 0 128-57.308 128-128S198.692 0 128 0m0 234.667H21.333V128C21.333 69.092 69.092 21.333 128 21.333S234.667 69.092 234.667 128S186.912 234.667 128 234.667"/></g></svg>Cara memakai ikon Dropzone
React
import { Icon } from "@iconify/react";
<Icon icon="logos:dropzone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:dropzone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:dropzone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--dropzone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:dropzone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:dropzone"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/dropzone.svg" alt="Ikon Dropzone" width="24" height="24">FAQ Ikon Dropzone
Apakah ikon Dropzone gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dropzone di React?
Pasang @iconify/react lalu render <Icon icon="logos:dropzone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dropzone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/dropzone.svg" alt="Ikon Dropzone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.