downloading icon
downloading from Material Symbols by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- downloading
- Set
- Material Symbols
- 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
The same icon in other sets
More ui actions icons from Material Symbols
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.975 21.95q-1.9-.2-3.537-1.062t-2.838-2.2t-1.887-3.063t-.688-3.65q0-3.875 2.563-6.712T11 2v2q-3.025.425-5 2.688t-1.975 5.287T6 17.263t4.975 2.687zm1-4.95L6.95 11.95l1.425-1.425l2.6 2.6V7h2v6.125l2.575-2.575L16.975 12zm1 4.95v-2q1.075-.15 2.063-.575t1.837-1.075l1.45 1.45q-1.175.925-2.525 1.488t-2.825.712m3.95-16.3Q16.05 5 15.063 4.575T13 4V2q1.475.15 2.825.713t2.5 1.487zm2.8 12.65l-1.4-1.425q.65-.85 1.05-1.837t.55-2.063h2.05q-.2 1.475-.75 2.838t-1.5 2.487m.2-7.325q-.15-1.075-.55-2.062t-1.05-1.838l1.4-1.425q.95 1.125 1.525 2.488t.725 2.837z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsDownloading(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.975 21.95q-1.9-.2-3.537-1.062t-2.838-2.2t-1.887-3.063t-.688-3.65q0-3.875 2.563-6.712T11 2v2q-3.025.425-5 2.688t-1.975 5.287T6 17.263t4.975 2.687zm1-4.95L6.95 11.95l1.425-1.425l2.6 2.6V7h2v6.125l2.575-2.575L16.975 12zm1 4.95v-2q1.075-.15 2.063-.575t1.837-1.075l1.45 1.45q-1.175.925-2.525 1.488t-2.825.712m3.95-16.3Q16.05 5 15.063 4.575T13 4V2q1.475.15 2.825.713t2.5 1.487zm2.8 12.65l-1.4-1.425q.65-.85 1.05-1.837t.55-2.063h2.05q-.2 1.475-.75 2.838t-1.5 2.487m.2-7.325q-.15-1.075-.55-2.062t-1.05-1.838l1.4-1.425q.95 1.125 1.525 2.488t.725 2.837z"/></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.975 21.95q-1.9-.2-3.537-1.062t-2.838-2.2t-1.887-3.063t-.688-3.65q0-3.875 2.563-6.712T11 2v2q-3.025.425-5 2.688t-1.975 5.287T6 17.263t4.975 2.687zm1-4.95L6.95 11.95l1.425-1.425l2.6 2.6V7h2v6.125l2.575-2.575L16.975 12zm1 4.95v-2q1.075-.15 2.063-.575t1.837-1.075l1.45 1.45q-1.175.925-2.525 1.488t-2.825.712m3.95-16.3Q16.05 5 15.063 4.575T13 4V2q1.475.15 2.825.713t2.5 1.487zm2.8 12.65l-1.4-1.425q.65-.85 1.05-1.837t.55-2.063h2.05q-.2 1.475-.75 2.838t-1.5 2.487m.2-7.325q-.15-1.075-.55-2.062t-1.05-1.838l1.4-1.425q.95 1.125 1.525 2.488t.725 2.837z"/></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.975%2021.95q-1.9-.2-3.537-1.062t-2.838-2.2t-1.887-3.063t-.688-3.65q0-3.875%202.563-6.712T11%202v2q-3.025.425-5%202.688t-1.975%205.287T6%2017.263t4.975%202.687zm1-4.95L6.95%2011.95l1.425-1.425l2.6%202.6V7h2v6.125l2.575-2.575L16.975%2012zm1%204.95v-2q1.075-.15%202.063-.575t1.837-1.075l1.45%201.45q-1.175.925-2.525%201.488t-2.825.712m3.95-16.3Q16.05%205%2015.063%204.575T13%204V2q1.475.15%202.825.713t2.5%201.487zm2.8%2012.65l-1.4-1.425q.65-.85%201.05-1.837t.55-2.063h2.05q-.2%201.475-.75%202.838t-1.5%202.487m.2-7.325q-.15-1.075-.55-2.062t-1.05-1.838l1.4-1.425q.95%201.125%201.525%202.488t.725%202.837z%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.975%2021.95q-1.9-.2-3.537-1.062t-2.838-2.2t-1.887-3.063t-.688-3.65q0-3.875%202.563-6.712T11%202v2q-3.025.425-5%202.688t-1.975%205.287T6%2017.263t4.975%202.687zm1-4.95L6.95%2011.95l1.425-1.425l2.6%202.6V7h2v6.125l2.575-2.575L16.975%2012zm1%204.95v-2q1.075-.15%202.063-.575t1.837-1.075l1.45%201.45q-1.175.925-2.525%201.488t-2.825.712m3.95-16.3Q16.05%205%2015.063%204.575T13%204V2q1.475.15%202.825.713t2.5%201.487zm2.8%2012.65l-1.4-1.425q.65-.85%201.05-1.837t.55-2.063h2.05q-.2%201.475-.75%202.838t-1.5%202.487m.2-7.325q-.15-1.075-.55-2.062t-1.05-1.838l1.4-1.425q.95%201.125%201.525%202.488t.725%202.837z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/downloading.svg?color=%231a73e8&size=48
