Dropbox Logo Duotone icon
ph:dropbox-logo-duotone
The Dropbox Logo Duotone icon (ph:dropbox-logo-duotone) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- cloud, storage, backup, logos, dropboxlogo, logoduotone, dropboxlogoduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="m128 84l-52 36l-52-36l52-36Zm104 0l-52-36l-52 36l52 36ZM24 156l52 36l52-36l-52-36Zm104 0l52 36l52-36l-52-36Z" opacity=".2"/><path d="M236.55 149.42L194.05 120l42.5-29.42a8 8 0 0 0 0-13.16l-52-36a8 8 0 0 0-9.1 0L128 74.27L80.55 41.42a8 8 0 0 0-9.1 0l-52 36a8 8 0 0 0 0 13.16L62 120l-42.5 29.42a8 8 0 0 0 0 13.16l52 36a8 8 0 0 0 9.1 0l47.4-32.85l47.45 32.85a8 8 0 0 0 9.1 0l52-36a8 8 0 0 0 0-13.16M180 57.73L218 84l-38 26.27L142.05 84ZM38.05 84L76 57.73L114 84l-38 26.27Zm38 98.27l-38-26.27l38-26.27L114 156Zm14-62.27l38-26.27L166 120l-38 26.27Zm90 62.27l-38-26.27L180 129.73L218 156Zm-21.53 24.64a8 8 0 0 1-2 11.13l-23.89 16.54a8 8 0 0 1-9.1 0L99.56 218a8 8 0 0 1 9.1-13.16L128 218.27l19.34-13.39a8 8 0 0 1 11.13 2.03Z"/></g></svg>How to use the Dropbox Logo Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:dropbox-logo-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:dropbox-logo-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:dropbox-logo-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--dropbox-logo-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:dropbox-logo-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:dropbox-logo-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ph/dropbox-logo-duotone.svg" alt="Dropbox Logo Duotone icon" width="24" height="24">Related icons in Phosphor
Dropbox Logo Duotone icon FAQ
Is the Dropbox Logo Duotone icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Dropbox Logo Duotone icon in React?
Install @iconify/react and render <Icon icon="ph:dropbox-logo-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dropbox Logo Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/dropbox-logo-duotone.svg" alt="Dropbox Logo Duotone icon">, or paste the SVG code inline to style it with CSS.