dropbox logo icon
dropbox-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- dropbox-logo-bold
- Set
- Phosphor
- Style
- Bold
- 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="M238.83 146.13L201.08 120l37.75-26.13a12 12 0 0 0 0-19.74l-52-36a12 12 0 0 0-13.66 0L128 69.41L82.83 38.13a12 12 0 0 0-13.66 0l-52 36a12 12 0 0 0 0 19.74L54.92 120l-37.75 26.13a12 12 0 0 0 0 19.74l52 36a12 12 0 0 0 13.66 0L128 170.59l45.17 31.28a12 12 0 0 0 13.66 0l52-36a12 12 0 0 0 0-19.74M128 141.41L97.08 120L128 98.59L158.92 120Zm52-78.81L210.92 84L180 105.4L149.08 84Zm-104 0L106.92 84L76 105.4L45.08 84Zm0 114.8L45.08 156L76 134.6l30.92 21.4Zm104 0L149.08 156L180 134.6l30.92 21.4Zm-25.27 32.09a12 12 0 0 1-3 16.7l-16.86 11.68a12 12 0 0 1-13.66 0l-16.86-11.68A12 12 0 1 1 118 206.46l10 6.94l10-6.94a12 12 0 0 1 16.73 3.03"/></svg>
React
import type { SVGProps } from "react";
export function PhDropboxLogoBold(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="M238.83 146.13L201.08 120l37.75-26.13a12 12 0 0 0 0-19.74l-52-36a12 12 0 0 0-13.66 0L128 69.41L82.83 38.13a12 12 0 0 0-13.66 0l-52 36a12 12 0 0 0 0 19.74L54.92 120l-37.75 26.13a12 12 0 0 0 0 19.74l52 36a12 12 0 0 0 13.66 0L128 170.59l45.17 31.28a12 12 0 0 0 13.66 0l52-36a12 12 0 0 0 0-19.74M128 141.41L97.08 120L128 98.59L158.92 120Zm52-78.81L210.92 84L180 105.4L149.08 84Zm-104 0L106.92 84L76 105.4L45.08 84Zm0 114.8L45.08 156L76 134.6l30.92 21.4Zm104 0L149.08 156L180 134.6l30.92 21.4Zm-25.27 32.09a12 12 0 0 1-3 16.7l-16.86 11.68a12 12 0 0 1-13.66 0l-16.86-11.68A12 12 0 1 1 118 206.46l10 6.94l10-6.94a12 12 0 0 1 16.73 3.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="M238.83 146.13L201.08 120l37.75-26.13a12 12 0 0 0 0-19.74l-52-36a12 12 0 0 0-13.66 0L128 69.41L82.83 38.13a12 12 0 0 0-13.66 0l-52 36a12 12 0 0 0 0 19.74L54.92 120l-37.75 26.13a12 12 0 0 0 0 19.74l52 36a12 12 0 0 0 13.66 0L128 170.59l45.17 31.28a12 12 0 0 0 13.66 0l52-36a12 12 0 0 0 0-19.74M128 141.41L97.08 120L128 98.59L158.92 120Zm52-78.81L210.92 84L180 105.4L149.08 84Zm-104 0L106.92 84L76 105.4L45.08 84Zm0 114.8L45.08 156L76 134.6l30.92 21.4Zm104 0L149.08 156L180 134.6l30.92 21.4Zm-25.27 32.09a12 12 0 0 1-3 16.7l-16.86 11.68a12 12 0 0 1-13.66 0l-16.86-11.68A12 12 0 1 1 118 206.46l10 6.94l10-6.94a12 12 0 0 1 16.73 3.03"/></svg> </template>
CSS
.icon-dropbox-logo-bold {
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%22M238.83%20146.13L201.08%20120l37.75-26.13a12%2012%200%200%200%200-19.74l-52-36a12%2012%200%200%200-13.66%200L128%2069.41L82.83%2038.13a12%2012%200%200%200-13.66%200l-52%2036a12%2012%200%200%200%200%2019.74L54.92%20120l-37.75%2026.13a12%2012%200%200%200%200%2019.74l52%2036a12%2012%200%200%200%2013.66%200L128%20170.59l45.17%2031.28a12%2012%200%200%200%2013.66%200l52-36a12%2012%200%200%200%200-19.74M128%20141.41L97.08%20120L128%2098.59L158.92%20120Zm52-78.81L210.92%2084L180%20105.4L149.08%2084Zm-104%200L106.92%2084L76%20105.4L45.08%2084Zm0%20114.8L45.08%20156L76%20134.6l30.92%2021.4Zm104%200L149.08%20156L180%20134.6l30.92%2021.4Zm-25.27%2032.09a12%2012%200%200%201-3%2016.7l-16.86%2011.68a12%2012%200%200%201-13.66%200l-16.86-11.68A12%2012%200%201%201%20118%20206.46l10%206.94l10-6.94a12%2012%200%200%201%2016.73%203.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%22M238.83%20146.13L201.08%20120l37.75-26.13a12%2012%200%200%200%200-19.74l-52-36a12%2012%200%200%200-13.66%200L128%2069.41L82.83%2038.13a12%2012%200%200%200-13.66%200l-52%2036a12%2012%200%200%200%200%2019.74L54.92%20120l-37.75%2026.13a12%2012%200%200%200%200%2019.74l52%2036a12%2012%200%200%200%2013.66%200L128%20170.59l45.17%2031.28a12%2012%200%200%200%2013.66%200l52-36a12%2012%200%200%200%200-19.74M128%20141.41L97.08%20120L128%2098.59L158.92%20120Zm52-78.81L210.92%2084L180%20105.4L149.08%2084Zm-104%200L106.92%2084L76%20105.4L45.08%2084Zm0%20114.8L45.08%20156L76%20134.6l30.92%2021.4Zm104%200L149.08%20156L180%20134.6l30.92%2021.4Zm-25.27%2032.09a12%2012%200%200%201-3%2016.7l-16.86%2011.68a12%2012%200%200%201-13.66%200l-16.86-11.68A12%2012%200%201%201%20118%20206.46l10%206.94l10-6.94a12%2012%200%200%201%2016.73%203.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-bold.svg?color=%231a73e8&size=48
