database upload icon

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

Name
database-upload-rounded
Set
Material Symbols
Style
Rounded
Category
Business
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols

The same icon in other sets

More business icons from Material Symbols

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.025 18.475q.05.675.213 1.313T11.675 21q-1.075-.025-2.562-.25t-2.85-.7t-2.313-1.225T3 17v-2.5q0 .975.838 1.7t2.05 1.2t2.612.738t2.525.337m1.65-5q-.475.55-.825 1.175t-.55 1.325q-1.125-.05-2.562-.3t-2.713-.725t-2.15-1.2T3 12V9.5q0 1.1 1.025 1.863t2.45 1.237t2.963.688T12 13.5q.15 0 .313-.012t.362-.013m-7.05-3.65Q3 8.65 3 7t2.625-2.825T12 3t6.375 1.175T21 7t-2.625 2.825T12 11T5.625 9.825M17.5 16.9v3.6q0 .2.15.35T18 21t.35-.15t.15-.35v-3.6l1.45 1.45q.15.15.35.15t.35-.15t.15-.35t-.15-.35L18.7 15.7q-.3-.3-.7-.3t-.7.3l-1.95 1.95q-.15.15-.15.35t.15.35t.35.15t.35-.15zm-3.037 4.638Q13 20.075 13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18 23t-3.537-1.463"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsDatabaseUploadRounded(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.025 18.475q.05.675.213 1.313T11.675 21q-1.075-.025-2.562-.25t-2.85-.7t-2.313-1.225T3 17v-2.5q0 .975.838 1.7t2.05 1.2t2.612.738t2.525.337m1.65-5q-.475.55-.825 1.175t-.55 1.325q-1.125-.05-2.562-.3t-2.713-.725t-2.15-1.2T3 12V9.5q0 1.1 1.025 1.863t2.45 1.237t2.963.688T12 13.5q.15 0 .313-.012t.362-.013m-7.05-3.65Q3 8.65 3 7t2.625-2.825T12 3t6.375 1.175T21 7t-2.625 2.825T12 11T5.625 9.825M17.5 16.9v3.6q0 .2.15.35T18 21t.35-.15t.15-.35v-3.6l1.45 1.45q.15.15.35.15t.35-.15t.15-.35t-.15-.35L18.7 15.7q-.3-.3-.7-.3t-.7.3l-1.95 1.95q-.15.15-.15.35t.15.35t.35.15t.35-.15zm-3.037 4.638Q13 20.075 13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18 23t-3.537-1.463"/></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.025 18.475q.05.675.213 1.313T11.675 21q-1.075-.025-2.562-.25t-2.85-.7t-2.313-1.225T3 17v-2.5q0 .975.838 1.7t2.05 1.2t2.612.738t2.525.337m1.65-5q-.475.55-.825 1.175t-.55 1.325q-1.125-.05-2.562-.3t-2.713-.725t-2.15-1.2T3 12V9.5q0 1.1 1.025 1.863t2.45 1.237t2.963.688T12 13.5q.15 0 .313-.012t.362-.013m-7.05-3.65Q3 8.65 3 7t2.625-2.825T12 3t6.375 1.175T21 7t-2.625 2.825T12 11T5.625 9.825M17.5 16.9v3.6q0 .2.15.35T18 21t.35-.15t.15-.35v-3.6l1.45 1.45q.15.15.35.15t.35-.15t.15-.35t-.15-.35L18.7 15.7q-.3-.3-.7-.3t-.7.3l-1.95 1.95q-.15.15-.15.35t.15.35t.35.15t.35-.15zm-3.037 4.638Q13 20.075 13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18 23t-3.537-1.463"/></svg>
</template>

CSS

.icon-database-upload-rounded {
  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.025%2018.475q.05.675.213%201.313T11.675%2021q-1.075-.025-2.562-.25t-2.85-.7t-2.313-1.225T3%2017v-2.5q0%20.975.838%201.7t2.05%201.2t2.612.738t2.525.337m1.65-5q-.475.55-.825%201.175t-.55%201.325q-1.125-.05-2.562-.3t-2.713-.725t-2.15-1.2T3%2012V9.5q0%201.1%201.025%201.863t2.45%201.237t2.963.688T12%2013.5q.15%200%20.313-.012t.362-.013m-7.05-3.65Q3%208.65%203%207t2.625-2.825T12%203t6.375%201.175T21%207t-2.625%202.825T12%2011T5.625%209.825M17.5%2016.9v3.6q0%20.2.15.35T18%2021t.35-.15t.15-.35v-3.6l1.45%201.45q.15.15.35.15t.35-.15t.15-.35t-.15-.35L18.7%2015.7q-.3-.3-.7-.3t-.7.3l-1.95%201.95q-.15.15-.15.35t.15.35t.35.15t.35-.15zm-3.037%204.638Q13%2020.075%2013%2018t1.463-3.537T18%2013t3.538%201.463T23%2018t-1.463%203.538T18%2023t-3.537-1.463%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.025%2018.475q.05.675.213%201.313T11.675%2021q-1.075-.025-2.562-.25t-2.85-.7t-2.313-1.225T3%2017v-2.5q0%20.975.838%201.7t2.05%201.2t2.612.738t2.525.337m1.65-5q-.475.55-.825%201.175t-.55%201.325q-1.125-.05-2.562-.3t-2.713-.725t-2.15-1.2T3%2012V9.5q0%201.1%201.025%201.863t2.45%201.237t2.963.688T12%2013.5q.15%200%20.313-.012t.362-.013m-7.05-3.65Q3%208.65%203%207t2.625-2.825T12%203t6.375%201.175T21%207t-2.625%202.825T12%2011T5.625%209.825M17.5%2016.9v3.6q0%20.2.15.35T18%2021t.35-.15t.15-.35v-3.6l1.45%201.45q.15.15.35.15t.35-.15t.15-.35t-.15-.35L18.7%2015.7q-.3-.3-.7-.3t-.7.3l-1.95%201.95q-.15.15-.15.35t.15.35t.35.15t.35-.15zm-3.037%204.638Q13%2020.075%2013%2018t1.463-3.537T18%2013t3.538%201.463T23%2018t-1.463%203.538T18%2023t-3.537-1.463%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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