Ikon Dropbox
icon-park:dropbox
Ikon Dropbox (icon-park:dropbox) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Merek
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24 10L12 18L24 26L36 18L24 10Z"/><path d="M24 10L36 18L41 11L30 4L24 10Z"/><path d="M24 10L12 18L7 11L18 4L24 10Z"/><path d="M43 22L36 18L24 26L31 31L43 22Z"/><path d="M5 22L12 18L24 26L17 31L5 22Z"/><path stroke-linecap="round" d="M36 28V37L24 44L12 37V28"/></g></svg>
Cara memakai ikon Dropbox
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:dropbox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:dropbox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:dropbox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--dropbox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:dropbox"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:dropbox"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/dropbox.svg" alt="Ikon Dropbox" width="24" height="24">
Ikon Dropbox di set ikon lain
FAQ Ikon Dropbox
Apakah ikon Dropbox gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dropbox di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:dropbox" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dropbox ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/dropbox.svg" alt="Ikon Dropbox">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
