dropbox logo icon

dropbox-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
dropbox-logo-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

dropbox-logodropbox-logo-bolddropbox-logo-duotonedropbox-logo-filldropbox-logo-thin

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="M235.42 151.07L190.54 120l44.88-31.07a6 6 0 0 0 0-9.86l-52-36a6 6 0 0 0-6.84 0L128 76.7L79.42 43.07a6 6 0 0 0-6.84 0l-52 36a6 6 0 0 0 0 9.86L65.46 120l-44.88 31.07a6 6 0 0 0 0 9.86l52 36a6 6 0 0 0 6.84 0L128 163.3l48.58 33.63a6 6 0 0 0 6.84 0l52-36a6 6 0 0 0 0-9.86M128 148.7L86.54 120L128 91.3l41.46 28.7Zm52-93.4L221.46 84L180 112.7L138.54 84Zm-104 0L117.46 84L76 112.7L34.54 84Zm0 129.4L34.54 156L76 127.3l41.46 28.7Zm104 0L138.54 156L180 127.3l41.46 28.7ZM156.82 208a6 6 0 0 1-1.51 8.35l-23.89 16.54a6 6 0 0 1-6.84 0l-23.89-16.54a6 6 0 0 1 6.83-9.86L128 220.7l20.48-14.17a6 6 0 0 1 8.34 1.47"/></svg>

React

import type { SVGProps } from "react";

export function PhDropboxLogoLight(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="M235.42 151.07L190.54 120l44.88-31.07a6 6 0 0 0 0-9.86l-52-36a6 6 0 0 0-6.84 0L128 76.7L79.42 43.07a6 6 0 0 0-6.84 0l-52 36a6 6 0 0 0 0 9.86L65.46 120l-44.88 31.07a6 6 0 0 0 0 9.86l52 36a6 6 0 0 0 6.84 0L128 163.3l48.58 33.63a6 6 0 0 0 6.84 0l52-36a6 6 0 0 0 0-9.86M128 148.7L86.54 120L128 91.3l41.46 28.7Zm52-93.4L221.46 84L180 112.7L138.54 84Zm-104 0L117.46 84L76 112.7L34.54 84Zm0 129.4L34.54 156L76 127.3l41.46 28.7Zm104 0L138.54 156L180 127.3l41.46 28.7ZM156.82 208a6 6 0 0 1-1.51 8.35l-23.89 16.54a6 6 0 0 1-6.84 0l-23.89-16.54a6 6 0 0 1 6.83-9.86L128 220.7l20.48-14.17a6 6 0 0 1 8.34 1.47"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.42 151.07L190.54 120l44.88-31.07a6 6 0 0 0 0-9.86l-52-36a6 6 0 0 0-6.84 0L128 76.7L79.42 43.07a6 6 0 0 0-6.84 0l-52 36a6 6 0 0 0 0 9.86L65.46 120l-44.88 31.07a6 6 0 0 0 0 9.86l52 36a6 6 0 0 0 6.84 0L128 163.3l48.58 33.63a6 6 0 0 0 6.84 0l52-36a6 6 0 0 0 0-9.86M128 148.7L86.54 120L128 91.3l41.46 28.7Zm52-93.4L221.46 84L180 112.7L138.54 84Zm-104 0L117.46 84L76 112.7L34.54 84Zm0 129.4L34.54 156L76 127.3l41.46 28.7Zm104 0L138.54 156L180 127.3l41.46 28.7ZM156.82 208a6 6 0 0 1-1.51 8.35l-23.89 16.54a6 6 0 0 1-6.84 0l-23.89-16.54a6 6 0 0 1 6.83-9.86L128 220.7l20.48-14.17a6 6 0 0 1 8.34 1.47"/></svg>
</template>

CSS

.icon-dropbox-logo-light {
  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%22M235.42%20151.07L190.54%20120l44.88-31.07a6%206%200%200%200%200-9.86l-52-36a6%206%200%200%200-6.84%200L128%2076.7L79.42%2043.07a6%206%200%200%200-6.84%200l-52%2036a6%206%200%200%200%200%209.86L65.46%20120l-44.88%2031.07a6%206%200%200%200%200%209.86l52%2036a6%206%200%200%200%206.84%200L128%20163.3l48.58%2033.63a6%206%200%200%200%206.84%200l52-36a6%206%200%200%200%200-9.86M128%20148.7L86.54%20120L128%2091.3l41.46%2028.7Zm52-93.4L221.46%2084L180%20112.7L138.54%2084Zm-104%200L117.46%2084L76%20112.7L34.54%2084Zm0%20129.4L34.54%20156L76%20127.3l41.46%2028.7Zm104%200L138.54%20156L180%20127.3l41.46%2028.7ZM156.82%20208a6%206%200%200%201-1.51%208.35l-23.89%2016.54a6%206%200%200%201-6.84%200l-23.89-16.54a6%206%200%200%201%206.83-9.86L128%20220.7l20.48-14.17a6%206%200%200%201%208.34%201.47%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%22M235.42%20151.07L190.54%20120l44.88-31.07a6%206%200%200%200%200-9.86l-52-36a6%206%200%200%200-6.84%200L128%2076.7L79.42%2043.07a6%206%200%200%200-6.84%200l-52%2036a6%206%200%200%200%200%209.86L65.46%20120l-44.88%2031.07a6%206%200%200%200%200%209.86l52%2036a6%206%200%200%200%206.84%200L128%20163.3l48.58%2033.63a6%206%200%200%200%206.84%200l52-36a6%206%200%200%200%200-9.86M128%20148.7L86.54%20120L128%2091.3l41.46%2028.7Zm52-93.4L221.46%2084L180%20112.7L138.54%2084Zm-104%200L117.46%2084L76%20112.7L34.54%2084Zm0%20129.4L34.54%20156L76%20127.3l41.46%2028.7Zm104%200L138.54%20156L180%20127.3l41.46%2028.7ZM156.82%20208a6%206%200%200%201-1.51%208.35l-23.89%2016.54a6%206%200%200%201-6.84%200l-23.89-16.54a6%206%200%200%201%206.83-9.86L128%20220.7l20.48-14.17a6%206%200%200%201%208.34%201.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/dropbox-logo-light.svg?color=%231a73e8&size=48