dropbox logo icon

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

Name
dropbox-logo-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

dropbox-logodropbox-logo-bolddropbox-logo-duotonedropbox-logo-filldropbox-logo-light

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="M234.28 152.71L187 120l47.25-32.71a4 4 0 0 0 0-6.58l-52-36a4 4 0 0 0-4.56 0L128 79.14L78.28 44.71a4 4 0 0 0-4.56 0l-52 36a4 4 0 0 0 0 6.58L69 120l-47.28 32.71a4 4 0 0 0 0 6.58l52 36a4 4 0 0 0 4.56 0L128 160.86l49.72 34.43a4 4 0 0 0 4.56 0l52-36a4 4 0 0 0 0-6.58M128 151.14L83 120l45-31.14L173 120Zm52-98.27L225 84l-45 31.13L135 84Zm-104 0L121 84l-45 31.13L31 84Zm0 134.26L31 156l45-31.13L121 156Zm104 0L135 156l45-31.13L225 156Zm-24.82 22.05a4 4 0 0 1-1 5.57l-23.89 16.54a4 4 0 0 1-4.56 0l-23.89-16.54a4 4 0 0 1 4.56-6.58l21.61 15l21.61-15a4 4 0 0 1 5.56 1.01"/></svg>

React

import type { SVGProps } from "react";

export function PhDropboxLogoThin(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="M234.28 152.71L187 120l47.25-32.71a4 4 0 0 0 0-6.58l-52-36a4 4 0 0 0-4.56 0L128 79.14L78.28 44.71a4 4 0 0 0-4.56 0l-52 36a4 4 0 0 0 0 6.58L69 120l-47.28 32.71a4 4 0 0 0 0 6.58l52 36a4 4 0 0 0 4.56 0L128 160.86l49.72 34.43a4 4 0 0 0 4.56 0l52-36a4 4 0 0 0 0-6.58M128 151.14L83 120l45-31.14L173 120Zm52-98.27L225 84l-45 31.13L135 84Zm-104 0L121 84l-45 31.13L31 84Zm0 134.26L31 156l45-31.13L121 156Zm104 0L135 156l45-31.13L225 156Zm-24.82 22.05a4 4 0 0 1-1 5.57l-23.89 16.54a4 4 0 0 1-4.56 0l-23.89-16.54a4 4 0 0 1 4.56-6.58l21.61 15l21.61-15a4 4 0 0 1 5.56 1.01"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.28 152.71L187 120l47.25-32.71a4 4 0 0 0 0-6.58l-52-36a4 4 0 0 0-4.56 0L128 79.14L78.28 44.71a4 4 0 0 0-4.56 0l-52 36a4 4 0 0 0 0 6.58L69 120l-47.28 32.71a4 4 0 0 0 0 6.58l52 36a4 4 0 0 0 4.56 0L128 160.86l49.72 34.43a4 4 0 0 0 4.56 0l52-36a4 4 0 0 0 0-6.58M128 151.14L83 120l45-31.14L173 120Zm52-98.27L225 84l-45 31.13L135 84Zm-104 0L121 84l-45 31.13L31 84Zm0 134.26L31 156l45-31.13L121 156Zm104 0L135 156l45-31.13L225 156Zm-24.82 22.05a4 4 0 0 1-1 5.57l-23.89 16.54a4 4 0 0 1-4.56 0l-23.89-16.54a4 4 0 0 1 4.56-6.58l21.61 15l21.61-15a4 4 0 0 1 5.56 1.01"/></svg>
</template>

CSS

.icon-dropbox-logo-thin {
  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%22M234.28%20152.71L187%20120l47.25-32.71a4%204%200%200%200%200-6.58l-52-36a4%204%200%200%200-4.56%200L128%2079.14L78.28%2044.71a4%204%200%200%200-4.56%200l-52%2036a4%204%200%200%200%200%206.58L69%20120l-47.28%2032.71a4%204%200%200%200%200%206.58l52%2036a4%204%200%200%200%204.56%200L128%20160.86l49.72%2034.43a4%204%200%200%200%204.56%200l52-36a4%204%200%200%200%200-6.58M128%20151.14L83%20120l45-31.14L173%20120Zm52-98.27L225%2084l-45%2031.13L135%2084Zm-104%200L121%2084l-45%2031.13L31%2084Zm0%20134.26L31%20156l45-31.13L121%20156Zm104%200L135%20156l45-31.13L225%20156Zm-24.82%2022.05a4%204%200%200%201-1%205.57l-23.89%2016.54a4%204%200%200%201-4.56%200l-23.89-16.54a4%204%200%200%201%204.56-6.58l21.61%2015l21.61-15a4%204%200%200%201%205.56%201.01%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%22M234.28%20152.71L187%20120l47.25-32.71a4%204%200%200%200%200-6.58l-52-36a4%204%200%200%200-4.56%200L128%2079.14L78.28%2044.71a4%204%200%200%200-4.56%200l-52%2036a4%204%200%200%200%200%206.58L69%20120l-47.28%2032.71a4%204%200%200%200%200%206.58l52%2036a4%204%200%200%200%204.56%200L128%20160.86l49.72%2034.43a4%204%200%200%200%204.56%200l52-36a4%204%200%200%200%200-6.58M128%20151.14L83%20120l45-31.14L173%20120Zm52-98.27L225%2084l-45%2031.13L135%2084Zm-104%200L121%2084l-45%2031.13L31%2084Zm0%20134.26L31%20156l45-31.13L121%20156Zm104%200L135%20156l45-31.13L225%20156Zm-24.82%2022.05a4%204%200%200%201-1%205.57l-23.89%2016.54a4%204%200%200%201-4.56%200l-23.89-16.54a4%204%200%200%201%204.56-6.58l21.61%2015l21.61-15a4%204%200%200%201%205.56%201.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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