database upload icon

database-upload from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: database-upload
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: database-upload-sharp

3 other variants in Material Symbols Light

database-upload-outline database-upload-outline-rounded database-upload-rounded

The same icon in other sets

database-uploadMaterial Symbols

More business icons from Material Symbols Light

Use the database upload icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.467 17.052q-.084.752.03 1.505q.115.753.39 1.443q-1.21-.006-2.457-.202t-2.321-.575t-1.9-.936T4 17v-2.942q.366.686 1.136 1.219t1.78.921q1.011.389 2.19.603t2.361.251m2.881-4.692q-.898.55-1.556 1.348q-.657.798-1.011 1.806q-1.221-.012-2.447-.223q-1.226-.212-2.29-.591t-1.861-.93T4 12.52V9.557q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q.612 0 1.197-.051t1.151-.147m-8.03-2.381Q3.98 8.958 3.98 7.5t2.336-2.479T12 4t5.673 1.021T20 7.5t-2.327 2.479T12 11T6.317 9.979m11.106 10.425h.77v-4.1l1.8 1.8l.546-.546l-2.731-2.731l-2.731 2.73l.546.547l1.8-1.8zm-2.451.047q-1.164-1.164-1.164-2.835t1.164-2.836t2.836-1.164q1.67 0 2.835 1.164t1.165 2.836q0 1.67-1.165 2.835t-2.835 1.165t-2.836-1.165"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDatabaseUpload(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.467 17.052q-.084.752.03 1.505q.115.753.39 1.443q-1.21-.006-2.457-.202t-2.321-.575t-1.9-.936T4 17v-2.942q.366.686 1.136 1.219t1.78.921q1.011.389 2.19.603t2.361.251m2.881-4.692q-.898.55-1.556 1.348q-.657.798-1.011 1.806q-1.221-.012-2.447-.223q-1.226-.212-2.29-.591t-1.861-.93T4 12.52V9.557q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q.612 0 1.197-.051t1.151-.147m-8.03-2.381Q3.98 8.958 3.98 7.5t2.336-2.479T12 4t5.673 1.021T20 7.5t-2.327 2.479T12 11T6.317 9.979m11.106 10.425h.77v-4.1l1.8 1.8l.546-.546l-2.731-2.731l-2.731 2.73l.546.547l1.8-1.8zm-2.451.047q-1.164-1.164-1.164-2.835t1.164-2.836t2.836-1.164q1.67 0 2.835 1.164t1.165 2.836q0 1.67-1.165 2.835t-2.835 1.165t-2.836-1.165"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.467 17.052q-.084.752.03 1.505q.115.753.39 1.443q-1.21-.006-2.457-.202t-2.321-.575t-1.9-.936T4 17v-2.942q.366.686 1.136 1.219t1.78.921q1.011.389 2.19.603t2.361.251m2.881-4.692q-.898.55-1.556 1.348q-.657.798-1.011 1.806q-1.221-.012-2.447-.223q-1.226-.212-2.29-.591t-1.861-.93T4 12.52V9.557q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q.612 0 1.197-.051t1.151-.147m-8.03-2.381Q3.98 8.958 3.98 7.5t2.336-2.479T12 4t5.673 1.021T20 7.5t-2.327 2.479T12 11T6.317 9.979m11.106 10.425h.77v-4.1l1.8 1.8l.546-.546l-2.731-2.731l-2.731 2.73l.546.547l1.8-1.8zm-2.451.047q-1.164-1.164-1.164-2.835t1.164-2.836t2.836-1.164q1.67 0 2.835 1.164t1.165 2.836q0 1.67-1.165 2.835t-2.835 1.165t-2.836-1.165"/></svg>
</template>

CSS

.icon-database-upload {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.467%2017.052q-.084.752.03%201.505q.115.753.39%201.443q-1.21-.006-2.457-.202t-2.321-.575t-1.9-.936T4%2017v-2.942q.366.686%201.136%201.219t1.78.921q1.011.389%202.19.603t2.361.251m2.881-4.692q-.898.55-1.556%201.348q-.657.798-1.011%201.806q-1.221-.012-2.447-.223q-1.226-.212-2.29-.591t-1.861-.93T4%2012.52V9.557q.385.734%201.227%201.295t1.94.94t2.357.572t2.476.193q.612%200%201.197-.051t1.151-.147m-8.03-2.381Q3.98%208.958%203.98%207.5t2.336-2.479T12%204t5.673%201.021T20%207.5t-2.327%202.479T12%2011T6.317%209.979m11.106%2010.425h.77v-4.1l1.8%201.8l.546-.546l-2.731-2.731l-2.731%202.73l.546.547l1.8-1.8zm-2.451.047q-1.164-1.164-1.164-2.835t1.164-2.836t2.836-1.164q1.67%200%202.835%201.164t1.165%202.836q0%201.67-1.165%202.835t-2.835%201.165t-2.836-1.165%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.467%2017.052q-.084.752.03%201.505q.115.753.39%201.443q-1.21-.006-2.457-.202t-2.321-.575t-1.9-.936T4%2017v-2.942q.366.686%201.136%201.219t1.78.921q1.011.389%202.19.603t2.361.251m2.881-4.692q-.898.55-1.556%201.348q-.657.798-1.011%201.806q-1.221-.012-2.447-.223q-1.226-.212-2.29-.591t-1.861-.93T4%2012.52V9.557q.385.734%201.227%201.295t1.94.94t2.357.572t2.476.193q.612%200%201.197-.051t1.151-.147m-8.03-2.381Q3.98%208.958%203.98%207.5t2.336-2.479T12%204t5.673%201.021T20%207.5t-2.327%202.479T12%2011T6.317%209.979m11.106%2010.425h.77v-4.1l1.8%201.8l.546-.546l-2.731-2.731l-2.731%202.73l.546.547l1.8-1.8zm-2.451.047q-1.164-1.164-1.164-2.835t1.164-2.836t2.836-1.164q1.67%200%202.835%201.164t1.165%202.836q0%201.67-1.165%202.835t-2.835%201.165t-2.836-1.165%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/database-upload.svg?color=%231a73e8&size=48