downloading icon

downloading from Material Symbols Light by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: downloading
Set: Material Symbols Light
Style: Regular
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: downloading-outline, downloading-outline-sharp, downloading-sharp

1 other variant in Material Symbols Light

downloading-rounded

The same icon in other sets

downloadingMaterial Line Icons downloadingMaterial Symbols

More ui actions icons from Material Symbols Light

Use the downloading icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.994 20.95q-1.707-.18-3.162-.957t-2.52-1.978q-1.066-1.203-1.667-2.755q-.6-1.552-.6-3.266q0-3.471 2.273-6.03Q7.592 3.407 11.02 3.04v1q-3.005.425-4.99 2.677t-1.985 5.278t1.975 5.278t4.975 2.678zm1-4.642l-4.313-4.32l.713-.713l3.1 3.1V7.692h1v6.683l3.095-3.094l.713.719zm1 4.642v-1q1.075-.15 2.063-.546q.987-.396 1.837-1.065l.758.719q-1.04.77-2.218 1.237q-1.176.467-2.44.655m3.95-15.261q-.875-.65-1.862-1.075t-2.063-.575v-1q1.264.169 2.431.645t2.202 1.247zm2.108 11.919l-.708-.714q.65-.85 1.05-1.837t.55-2.063h1.012q-.162 1.264-.644 2.444t-1.26 2.17m.892-6.614q-.15-1.075-.55-2.062t-1.05-1.838l.747-.752q.738 1.03 1.207 2.209t.658 2.443z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDownloading(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="M10.994 20.95q-1.707-.18-3.162-.957t-2.52-1.978q-1.066-1.203-1.667-2.755q-.6-1.552-.6-3.266q0-3.471 2.273-6.03Q7.592 3.407 11.02 3.04v1q-3.005.425-4.99 2.677t-1.985 5.278t1.975 5.278t4.975 2.678zm1-4.642l-4.313-4.32l.713-.713l3.1 3.1V7.692h1v6.683l3.095-3.094l.713.719zm1 4.642v-1q1.075-.15 2.063-.546q.987-.396 1.837-1.065l.758.719q-1.04.77-2.218 1.237q-1.176.467-2.44.655m3.95-15.261q-.875-.65-1.862-1.075t-2.063-.575v-1q1.264.169 2.431.645t2.202 1.247zm2.108 11.919l-.708-.714q.65-.85 1.05-1.837t.55-2.063h1.012q-.162 1.264-.644 2.444t-1.26 2.17m.892-6.614q-.15-1.075-.55-2.062t-1.05-1.838l.747-.752q.738 1.03 1.207 2.209t.658 2.443z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.994 20.95q-1.707-.18-3.162-.957t-2.52-1.978q-1.066-1.203-1.667-2.755q-.6-1.552-.6-3.266q0-3.471 2.273-6.03Q7.592 3.407 11.02 3.04v1q-3.005.425-4.99 2.677t-1.985 5.278t1.975 5.278t4.975 2.678zm1-4.642l-4.313-4.32l.713-.713l3.1 3.1V7.692h1v6.683l3.095-3.094l.713.719zm1 4.642v-1q1.075-.15 2.063-.546q.987-.396 1.837-1.065l.758.719q-1.04.77-2.218 1.237q-1.176.467-2.44.655m3.95-15.261q-.875-.65-1.862-1.075t-2.063-.575v-1q1.264.169 2.431.645t2.202 1.247zm2.108 11.919l-.708-.714q.65-.85 1.05-1.837t.55-2.063h1.012q-.162 1.264-.644 2.444t-1.26 2.17m.892-6.614q-.15-1.075-.55-2.062t-1.05-1.838l.747-.752q.738 1.03 1.207 2.209t.658 2.443z"/></svg>
</template>

CSS

.icon-downloading {
  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%22M10.994%2020.95q-1.707-.18-3.162-.957t-2.52-1.978q-1.066-1.203-1.667-2.755q-.6-1.552-.6-3.266q0-3.471%202.273-6.03Q7.592%203.407%2011.02%203.04v1q-3.005.425-4.99%202.677t-1.985%205.278t1.975%205.278t4.975%202.678zm1-4.642l-4.313-4.32l.713-.713l3.1%203.1V7.692h1v6.683l3.095-3.094l.713.719zm1%204.642v-1q1.075-.15%202.063-.546q.987-.396%201.837-1.065l.758.719q-1.04.77-2.218%201.237q-1.176.467-2.44.655m3.95-15.261q-.875-.65-1.862-1.075t-2.063-.575v-1q1.264.169%202.431.645t2.202%201.247zm2.108%2011.919l-.708-.714q.65-.85%201.05-1.837t.55-2.063h1.012q-.162%201.264-.644%202.444t-1.26%202.17m.892-6.614q-.15-1.075-.55-2.062t-1.05-1.838l.747-.752q.738%201.03%201.207%202.209t.658%202.443z%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%22M10.994%2020.95q-1.707-.18-3.162-.957t-2.52-1.978q-1.066-1.203-1.667-2.755q-.6-1.552-.6-3.266q0-3.471%202.273-6.03Q7.592%203.407%2011.02%203.04v1q-3.005.425-4.99%202.677t-1.985%205.278t1.975%205.278t4.975%202.678zm1-4.642l-4.313-4.32l.713-.713l3.1%203.1V7.692h1v6.683l3.095-3.094l.713.719zm1%204.642v-1q1.075-.15%202.063-.546q.987-.396%201.837-1.065l.758.719q-1.04.77-2.218%201.237q-1.176.467-2.44.655m3.95-15.261q-.875-.65-1.862-1.075t-2.063-.575v-1q1.264.169%202.431.645t2.202%201.247zm2.108%2011.919l-.708-.714q.65-.85%201.05-1.837t.55-2.063h1.012q-.162%201.264-.644%202.444t-1.26%202.17m.892-6.614q-.15-1.075-.55-2.062t-1.05-1.838l.747-.752q.738%201.03%201.207%202.209t.658%202.443z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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