ICONYZ
Bahasa Indonesia
Ikon Dropbox dari Plump color icons

Ikon Dropbox

streamline-plump-color:dropbox

Ikon Dropbox (streamline-plump-color:dropbox) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Plump color icons
Pembuat
Streamline
Lisensi
CC-BY-4.0
Ukuran
48 × 48
Kategori
Komputer dan perangkat
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M12.62 4.21a1.63 1.63 0 0 1 1.612.005c1.572.89 5.193 3.04 8.509 5.737a.718.718 0 0 1-.01 1.112a82 82 0 0 1-8.442 5.7a1.67 1.67 0 0 1-1.713-.002c-1.613-.96-5.22-3.176-8.219-5.51a.946.946 0 0 1-.006-1.476c1.483-1.174 4.623-3.538 8.27-5.565"/><path fill="#8fbffa" d="M12.62 17.21a1.63 1.63 0 0 1 1.612.005c1.572.89 5.193 3.04 8.509 5.737a.718.718 0 0 1-.01 1.112a82 82 0 0 1-8.442 5.7a1.67 1.67 0 0 1-1.713-.002c-1.613-.96-5.22-3.176-8.219-5.51a.946.946 0 0 1-.006-1.476c1.483-1.174 4.623-3.538 8.27-5.565M23.155 29.21a1.77 1.77 0 0 1 1.684.005c1.642.89 5.426 3.04 8.89 5.737a.698.698 0 0 1-.01 1.112c-1.369 1.019-4.59 3.318-8.82 5.7a1.81 1.81 0 0 1-1.79-.002c-1.73-.985-5.65-3.291-8.83-5.691a.697.697 0 0 1-.006-1.111c1.43-1.096 4.862-3.61 8.882-5.75m11.069-25a1.8 1.8 0 0 1 1.696.005c1.616.87 5.292 2.942 8.715 5.552a.92.92 0 0 1-.015 1.479a87 87 0 0 1-8.64 5.518a1.84 1.84 0 0 1-1.803-.002c-1.743-.985-5.693-3.291-8.896-5.691a.694.694 0 0 1-.006-1.111c1.441-1.096 4.898-3.61 8.949-5.75"/><path fill="#8fbffa" d="M34.224 17.209a1.8 1.8 0 0 1 1.696.004c1.616.87 5.292 2.942 8.715 5.552a.92.92 0 0 1-.015 1.479a87 87 0 0 1-8.64 5.518a1.84 1.84 0 0 1-1.803-.002c-1.743-.985-5.693-3.291-8.896-5.691a.694.694 0 0 1-.006-1.111c1.441-1.096 4.898-3.61 8.949-5.75"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M12.62 4.21a1.63 1.63 0 0 1 1.612.005c1.572.89 5.193 3.04 8.509 5.737a.718.718 0 0 1-.01 1.112a82 82 0 0 1-8.442 5.7a1.67 1.67 0 0 1-1.713-.002c-1.613-.96-5.22-3.176-8.219-5.51a.946.946 0 0 1-.006-1.476c1.483-1.174 4.623-3.538 8.27-5.565"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M12.62 17.21a1.63 1.63 0 0 1 1.612.005c1.572.89 5.193 3.04 8.509 5.737a.718.718 0 0 1-.01 1.112a82 82 0 0 1-8.442 5.7a1.67 1.67 0 0 1-1.713-.002c-1.613-.96-5.22-3.176-8.219-5.51a.946.946 0 0 1-.006-1.476c1.483-1.174 4.623-3.538 8.27-5.565M23.155 29.21a1.77 1.77 0 0 1 1.684.005c1.642.89 5.426 3.04 8.89 5.737a.698.698 0 0 1-.01 1.112c-1.369 1.019-4.59 3.318-8.82 5.7a1.81 1.81 0 0 1-1.79-.002c-1.73-.985-5.65-3.291-8.83-5.691a.697.697 0 0 1-.006-1.111c1.43-1.096 4.862-3.61 8.882-5.75m11.069-25a1.8 1.8 0 0 1 1.696.005c1.616.87 5.292 2.942 8.715 5.552a.92.92 0 0 1-.015 1.479a87 87 0 0 1-8.64 5.518a1.84 1.84 0 0 1-1.803-.002c-1.743-.985-5.693-3.291-8.896-5.691a.694.694 0 0 1-.006-1.111c1.441-1.096 4.898-3.61 8.949-5.75"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M34.224 17.209a1.8 1.8 0 0 1 1.696.004c1.616.87 5.292 2.942 8.715 5.552a.92.92 0 0 1-.015 1.479a87 87 0 0 1-8.64 5.518a1.84 1.84 0 0 1-1.803-.002c-1.743-.985-5.693-3.291-8.896-5.691a.694.694 0 0 1-.006-1.111c1.441-1.096 4.898-3.61 8.949-5.75"/></g></svg>

Cara memakai ikon Dropbox

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-plump-color:dropbox" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-plump-color:dropbox" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-plump-color:dropbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--dropbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:dropbox"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-plump-color:dropbox"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/dropbox.svg" alt="Ikon Dropbox" width="24" height="24">

Ikon terkait di Plump color icons

Ikon dropbox-flat
dropbox-flat

Ikon Dropbox di set ikon lain

Ikon Dropbox dari Material Design Icons
Material Design Icons
 Ikon Dropbox dari Bootstrap Icons
Bootstrap Icons
 Ikon Dropbox dari Arcticons
Arcticons
 Ikon Dropbox dari Boxicons Brands
Boxicons Brands
 Ikon Dropbox dari CoreUI Brands
CoreUI Brands
 Ikon Dropbox dari Entypo+ Social
Entypo+ Social
 Ikon Dropbox dari Font Awesome 4
Font Awesome 4
 Ikon Dropbox dari Font Awesome 5 Brands
Font Awesome 5 Brands
 Ikon Dropbox dari Font Awesome 6 Brands
Font Awesome 6 Brands
 Ikon Dropbox dari Font Awesome Brands
Font Awesome Brands
 Ikon Dropbox dari Fontisto
Fontisto
 Ikon Dropbox dari Grommet Icons
Grommet Icons

FAQ Ikon Dropbox

Apakah ikon Dropbox gratis untuk penggunaan komersial?

Ya. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Dropbox di React?

Pasang @iconify/react lalu render <Icon icon="streamline-plump-color: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/streamline-plump-color/dropbox.svg" alt="Ikon Dropbox">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Plump color icons →