dropbox logo icon
dropbox-logo from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- dropbox-logo
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the dropbox logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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.16M128 146.27L90.05 120l38-26.27L166 120Zm52-88.54L218 84l-38 26.27L142.05 84Zm-104 0L114 84l-38 26.27L38.05 84Zm0 124.54L38.05 156l38-26.27L114 156Zm104 0L142.05 156L180 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.03"/></svg>
React
import type { SVGProps } from "react";
export function PhDropboxLogo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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.16M128 146.27L90.05 120l38-26.27L166 120Zm52-88.54L218 84l-38 26.27L142.05 84Zm-104 0L114 84l-38 26.27L38.05 84Zm0 124.54L38.05 156l38-26.27L114 156Zm104 0L142.05 156L180 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.03"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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.16M128 146.27L90.05 120l38-26.27L166 120Zm52-88.54L218 84l-38 26.27L142.05 84Zm-104 0L114 84l-38 26.27L38.05 84Zm0 124.54L38.05 156l38-26.27L114 156Zm104 0L142.05 156L180 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.03"/></svg> </template>
CSS
.icon-dropbox-logo {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236.55%20149.42L194.05%20120l42.5-29.42a8%208%200%200%200%200-13.16l-52-36a8%208%200%200%200-9.1%200L128%2074.27L80.55%2041.42a8%208%200%200%200-9.1%200l-52%2036a8%208%200%200%200%200%2013.16L62%20120l-42.5%2029.42a8%208%200%200%200%200%2013.16l52%2036a8%208%200%200%200%209.1%200l47.4-32.85l47.45%2032.85a8%208%200%200%200%209.1%200l52-36a8%208%200%200%200%200-13.16M128%20146.27L90.05%20120l38-26.27L166%20120Zm52-88.54L218%2084l-38%2026.27L142.05%2084Zm-104%200L114%2084l-38%2026.27L38.05%2084Zm0%20124.54L38.05%20156l38-26.27L114%20156Zm104%200L142.05%20156L180%20129.73L218%20156Zm-21.53%2024.64a8%208%200%200%201-2%2011.13l-23.89%2016.54a8%208%200%200%201-9.1%200L99.56%20218a8%208%200%200%201%209.1-13.16L128%20218.27l19.34-13.39a8%208%200%200%201%2011.13%202.03%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236.55%20149.42L194.05%20120l42.5-29.42a8%208%200%200%200%200-13.16l-52-36a8%208%200%200%200-9.1%200L128%2074.27L80.55%2041.42a8%208%200%200%200-9.1%200l-52%2036a8%208%200%200%200%200%2013.16L62%20120l-42.5%2029.42a8%208%200%200%200%200%2013.16l52%2036a8%208%200%200%200%209.1%200l47.4-32.85l47.45%2032.85a8%208%200%200%200%209.1%200l52-36a8%208%200%200%200%200-13.16M128%20146.27L90.05%20120l38-26.27L166%20120Zm52-88.54L218%2084l-38%2026.27L142.05%2084Zm-104%200L114%2084l-38%2026.27L38.05%2084Zm0%20124.54L38.05%20156l38-26.27L114%20156Zm104%200L142.05%20156L180%20129.73L218%20156Zm-21.53%2024.64a8%208%200%200%201-2%2011.13l-23.89%2016.54a8%208%200%200%201-9.1%200L99.56%20218a8%208%200%200%201%209.1-13.16L128%20218.27l19.34-13.39a8%208%200%200%201%2011.13%202.03%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/dropbox-logo.svg?color=%231a73e8&size=48
