dropbox icon
dropbox from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- dropbox
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the dropbox icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m11.781 4.469l-.625.406L4.47 9.188l-1.219.78l1.156.876l3.5 2.656l-3.5 2.656l-1.218.907l1.312.75l3.625 2.125v3.343l.438.282l6.874 4.53l.563.376l.563-.375l6.875-4.469l.437-.313V19.97l3.625-2.157l1.219-.718l-1.063-.907l-3.343-2.843l3.312-2.719l1.094-.875L27.53 9l-6.5-4.125l-.625-.375l-.562.469L16 8.125l-3.656-3.156zm8.813 2.468l4.718 3.032l-2.656 2.156l-4.906-2.844zm-9 .032l2.75 2.343l-4.719 3l-2.906-2.218zM16 10.625l4.813 2.75l-4.813 3l-4.531-2.844zm6.656 3.938l2.625 2.25L22.47 18.5q-.137.062-.25.156l-1.75 1.032l-2.719-2.063zm-13.031.156l4.625 2.906l-2.625 2.063l-4.844-2.844zm6.406 4.094l3.75 2.875l.563.406l.562-.344l.969-.594v1.063L16 26.062l-5.875-3.875v-1.062l1.063.625l.593.344l.531-.407z"/></svg>
React
import type { SVGProps } from "react";
export function LaDropbox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m11.781 4.469l-.625.406L4.47 9.188l-1.219.78l1.156.876l3.5 2.656l-3.5 2.656l-1.218.907l1.312.75l3.625 2.125v3.343l.438.282l6.874 4.53l.563.376l.563-.375l6.875-4.469l.437-.313V19.97l3.625-2.157l1.219-.718l-1.063-.907l-3.343-2.843l3.312-2.719l1.094-.875L27.53 9l-6.5-4.125l-.625-.375l-.562.469L16 8.125l-3.656-3.156zm8.813 2.468l4.718 3.032l-2.656 2.156l-4.906-2.844zm-9 .032l2.75 2.343l-4.719 3l-2.906-2.218zM16 10.625l4.813 2.75l-4.813 3l-4.531-2.844zm6.656 3.938l2.625 2.25L22.47 18.5q-.137.062-.25.156l-1.75 1.032l-2.719-2.063zm-13.031.156l4.625 2.906l-2.625 2.063l-4.844-2.844zm6.406 4.094l3.75 2.875l.563.406l.562-.344l.969-.594v1.063L16 26.062l-5.875-3.875v-1.062l1.063.625l.593.344l.531-.407z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m11.781 4.469l-.625.406L4.47 9.188l-1.219.78l1.156.876l3.5 2.656l-3.5 2.656l-1.218.907l1.312.75l3.625 2.125v3.343l.438.282l6.874 4.53l.563.376l.563-.375l6.875-4.469l.437-.313V19.97l3.625-2.157l1.219-.718l-1.063-.907l-3.343-2.843l3.312-2.719l1.094-.875L27.53 9l-6.5-4.125l-.625-.375l-.562.469L16 8.125l-3.656-3.156zm8.813 2.468l4.718 3.032l-2.656 2.156l-4.906-2.844zm-9 .032l2.75 2.343l-4.719 3l-2.906-2.218zM16 10.625l4.813 2.75l-4.813 3l-4.531-2.844zm6.656 3.938l2.625 2.25L22.47 18.5q-.137.062-.25.156l-1.75 1.032l-2.719-2.063zm-13.031.156l4.625 2.906l-2.625 2.063l-4.844-2.844zm6.406 4.094l3.75 2.875l.563.406l.562-.344l.969-.594v1.063L16 26.062l-5.875-3.875v-1.062l1.063.625l.593.344l.531-.407z"/></svg> </template>
CSS
.icon-dropbox {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.781%204.469l-.625.406L4.47%209.188l-1.219.78l1.156.876l3.5%202.656l-3.5%202.656l-1.218.907l1.312.75l3.625%202.125v3.343l.438.282l6.874%204.53l.563.376l.563-.375l6.875-4.469l.437-.313V19.97l3.625-2.157l1.219-.718l-1.063-.907l-3.343-2.843l3.312-2.719l1.094-.875L27.53%209l-6.5-4.125l-.625-.375l-.562.469L16%208.125l-3.656-3.156zm8.813%202.468l4.718%203.032l-2.656%202.156l-4.906-2.844zm-9%20.032l2.75%202.343l-4.719%203l-2.906-2.218zM16%2010.625l4.813%202.75l-4.813%203l-4.531-2.844zm6.656%203.938l2.625%202.25L22.47%2018.5q-.137.062-.25.156l-1.75%201.032l-2.719-2.063zm-13.031.156l4.625%202.906l-2.625%202.063l-4.844-2.844zm6.406%204.094l3.75%202.875l.563.406l.562-.344l.969-.594v1.063L16%2026.062l-5.875-3.875v-1.062l1.063.625l.593.344l.531-.407z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.781%204.469l-.625.406L4.47%209.188l-1.219.78l1.156.876l3.5%202.656l-3.5%202.656l-1.218.907l1.312.75l3.625%202.125v3.343l.438.282l6.874%204.53l.563.376l.563-.375l6.875-4.469l.437-.313V19.97l3.625-2.157l1.219-.718l-1.063-.907l-3.343-2.843l3.312-2.719l1.094-.875L27.53%209l-6.5-4.125l-.625-.375l-.562.469L16%208.125l-3.656-3.156zm8.813%202.468l4.718%203.032l-2.656%202.156l-4.906-2.844zm-9%20.032l2.75%202.343l-4.719%203l-2.906-2.218zM16%2010.625l4.813%202.75l-4.813%203l-4.531-2.844zm6.656%203.938l2.625%202.25L22.47%2018.5q-.137.062-.25.156l-1.75%201.032l-2.719-2.063zm-13.031.156l4.625%202.906l-2.625%202.063l-4.844-2.844zm6.406%204.094l3.75%202.875l.563.406l.562-.344l.969-.594v1.063L16%2026.062l-5.875-3.875v-1.062l1.063.625l.593.344l.531-.407z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/dropbox.svg?color=%231a73e8&size=48
