save as icon
save-as-outline-rounded from Material Symbols Light by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- save-as-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the save as icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.667 0-1.141-.475T4 18.386V5.615q0-.666.475-1.14T5.615 4h10.29q.333 0 .633.13t.518.349l2.465 2.465q.218.218.348.518t.131.632v3.252q0 .213-.144.357t-.357.143t-.356-.143t-.143-.357V7.844L16.156 5H5.616q-.27 0-.443.173T5 5.616v12.769q0 .269.173.442t.443.173h4.73q.213 0 .357.144t.143.357t-.143.356t-.357.143zM5 5v14zm8.23 16.192V20.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172 0 .338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065 5.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343 0-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6 5.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493 3.486zm3.948-3.948l-.455-.488l.925.963zM7.577 9.77h5.803q.353 0 .582-.232t.23-.576V7.577q0-.343-.232-.576t-.576-.232H7.581q-.352 0-.582.232t-.23.576v1.384q0 .344.233.576t.575.232M12 16.54q.179 0 .339-.039q.159-.039.319-.134l1.169-1.145q.096-.165.135-.331q.038-.167.038-.351q0-.834-.582-1.417t-1.413-.583t-1.419.582T10 14.534t.583 1.418t1.417.587"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSaveAsOutlineRounded(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="M5.616 20q-.667 0-1.141-.475T4 18.386V5.615q0-.666.475-1.14T5.615 4h10.29q.333 0 .633.13t.518.349l2.465 2.465q.218.218.348.518t.131.632v3.252q0 .213-.144.357t-.357.143t-.356-.143t-.143-.357V7.844L16.156 5H5.616q-.27 0-.443.173T5 5.616v12.769q0 .269.173.442t.443.173h4.73q.213 0 .357.144t.143.357t-.143.356t-.357.143zM5 5v14zm8.23 16.192V20.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172 0 .338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065 5.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343 0-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6 5.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493 3.486zm3.948-3.948l-.455-.488l.925.963zM7.577 9.77h5.803q.353 0 .582-.232t.23-.576V7.577q0-.343-.232-.576t-.576-.232H7.581q-.352 0-.582.232t-.23.576v1.384q0 .344.233.576t.575.232M12 16.54q.179 0 .339-.039q.159-.039.319-.134l1.169-1.145q.096-.165.135-.331q.038-.167.038-.351q0-.834-.582-1.417t-1.413-.583t-1.419.582T10 14.534t.583 1.418t1.417.587"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.667 0-1.141-.475T4 18.386V5.615q0-.666.475-1.14T5.615 4h10.29q.333 0 .633.13t.518.349l2.465 2.465q.218.218.348.518t.131.632v3.252q0 .213-.144.357t-.357.143t-.356-.143t-.143-.357V7.844L16.156 5H5.616q-.27 0-.443.173T5 5.616v12.769q0 .269.173.442t.443.173h4.73q.213 0 .357.144t.143.357t-.143.356t-.357.143zM5 5v14zm8.23 16.192V20.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172 0 .338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065 5.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343 0-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6 5.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493 3.486zm3.948-3.948l-.455-.488l.925.963zM7.577 9.77h5.803q.353 0 .582-.232t.23-.576V7.577q0-.343-.232-.576t-.576-.232H7.581q-.352 0-.582.232t-.23.576v1.384q0 .344.233.576t.575.232M12 16.54q.179 0 .339-.039q.159-.039.319-.134l1.169-1.145q.096-.165.135-.331q.038-.167.038-.351q0-.834-.582-1.417t-1.413-.583t-1.419.582T10 14.534t.583 1.418t1.417.587"/></svg> </template>
CSS
.icon-save-as-outline-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%22M5.616%2020q-.667%200-1.141-.475T4%2018.386V5.615q0-.666.475-1.14T5.615%204h10.29q.333%200%20.633.13t.518.349l2.465%202.465q.218.218.348.518t.131.632v3.252q0%20.213-.144.357t-.357.143t-.356-.143t-.143-.357V7.844L16.156%205H5.616q-.27%200-.443.173T5%205.616v12.769q0%20.269.173.442t.443.173h4.73q.213%200%20.357.144t.143.357t-.143.356t-.357.143zM5%205v14zm8.23%2016.192V20.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172%200%20.338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065%205.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343%200-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6%205.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493%203.486zm3.948-3.948l-.455-.488l.925.963zM7.577%209.77h5.803q.353%200%20.582-.232t.23-.576V7.577q0-.343-.232-.576t-.576-.232H7.581q-.352%200-.582.232t-.23.576v1.384q0%20.344.233.576t.575.232M12%2016.54q.179%200%20.339-.039q.159-.039.319-.134l1.169-1.145q.096-.165.135-.331q.038-.167.038-.351q0-.834-.582-1.417t-1.413-.583t-1.419.582T10%2014.534t.583%201.418t1.417.587%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%22M5.616%2020q-.667%200-1.141-.475T4%2018.386V5.615q0-.666.475-1.14T5.615%204h10.29q.333%200%20.633.13t.518.349l2.465%202.465q.218.218.348.518t.131.632v3.252q0%20.213-.144.357t-.357.143t-.356-.143t-.143-.357V7.844L16.156%205H5.616q-.27%200-.443.173T5%205.616v12.769q0%20.269.173.442t.443.173h4.73q.213%200%20.357.144t.143.357t-.143.356t-.357.143zM5%205v14zm8.23%2016.192V20.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172%200%20.338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065%205.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343%200-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6%205.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493%203.486zm3.948-3.948l-.455-.488l.925.963zM7.577%209.77h5.803q.353%200%20.582-.232t.23-.576V7.577q0-.343-.232-.576t-.576-.232H7.581q-.352%200-.582.232t-.23.576v1.384q0%20.344.233.576t.575.232M12%2016.54q.179%200%20.339-.039q.159-.039.319-.134l1.169-1.145q.096-.165.135-.331q.038-.167.038-.351q0-.834-.582-1.417t-1.413-.583t-1.419.582T10%2014.534t.583%201.418t1.417.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/save-as-outline-rounded.svg?color=%231a73e8&size=48
