save as icon
save-as from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- save-as
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Related icons in Codicons
Use the save as icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5 9.5a.5.5 0 0 1 .5-.5h5c.238 0 .429.171.479.394l.75-.75A1.5 1.5 0 0 0 10.5 8h-5C4.673 8 4 8.673 4 9.5V14H3c-.551 0-1-.449-1-1V3c0-.551.449-1 1-1h2v1.5C5 4.327 5.673 5 6.5 5h2c.827 0 1.5-.673 1.5-1.5V2h1.379c.263 0 .521.107.707.293l1.621 1.621c.186.186.293.444.293.707V7.04c.143-.025.289-.043.437-.043c.192 0 .38.026.563.067V4.62a2 2 0 0 0-.586-1.414l-1.621-1.621a2 2 0 0 0-1.414-.586H3C1.897 1 1 1.897 1 3v10c0 1.103.897 2 2 2h4.045l.248-1H5zM6 2h3v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm10 7.559c0 .205-.04.408-.118.598a1.6 1.6 0 0 1-.339.507l-4.289 4.287a2.8 2.8 0 0 1-1.29.731l-1.211.3a.6.6 0 0 1-.578-.16a.61.61 0 0 1-.16-.578l.3-1.211c.122-.489.374-.935.73-1.291l4.288-4.287a1.56 1.56 0 0 1 2.208 0A1.55 1.55 0 0 1 16 9.559"/></svg>
React
import type { SVGProps } from "react";
export function CodiconSaveAs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5 9.5a.5.5 0 0 1 .5-.5h5c.238 0 .429.171.479.394l.75-.75A1.5 1.5 0 0 0 10.5 8h-5C4.673 8 4 8.673 4 9.5V14H3c-.551 0-1-.449-1-1V3c0-.551.449-1 1-1h2v1.5C5 4.327 5.673 5 6.5 5h2c.827 0 1.5-.673 1.5-1.5V2h1.379c.263 0 .521.107.707.293l1.621 1.621c.186.186.293.444.293.707V7.04c.143-.025.289-.043.437-.043c.192 0 .38.026.563.067V4.62a2 2 0 0 0-.586-1.414l-1.621-1.621a2 2 0 0 0-1.414-.586H3C1.897 1 1 1.897 1 3v10c0 1.103.897 2 2 2h4.045l.248-1H5zM6 2h3v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm10 7.559c0 .205-.04.408-.118.598a1.6 1.6 0 0 1-.339.507l-4.289 4.287a2.8 2.8 0 0 1-1.29.731l-1.211.3a.6.6 0 0 1-.578-.16a.61.61 0 0 1-.16-.578l.3-1.211c.122-.489.374-.935.73-1.291l4.288-4.287a1.56 1.56 0 0 1 2.208 0A1.55 1.55 0 0 1 16 9.559"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5 9.5a.5.5 0 0 1 .5-.5h5c.238 0 .429.171.479.394l.75-.75A1.5 1.5 0 0 0 10.5 8h-5C4.673 8 4 8.673 4 9.5V14H3c-.551 0-1-.449-1-1V3c0-.551.449-1 1-1h2v1.5C5 4.327 5.673 5 6.5 5h2c.827 0 1.5-.673 1.5-1.5V2h1.379c.263 0 .521.107.707.293l1.621 1.621c.186.186.293.444.293.707V7.04c.143-.025.289-.043.437-.043c.192 0 .38.026.563.067V4.62a2 2 0 0 0-.586-1.414l-1.621-1.621a2 2 0 0 0-1.414-.586H3C1.897 1 1 1.897 1 3v10c0 1.103.897 2 2 2h4.045l.248-1H5zM6 2h3v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm10 7.559c0 .205-.04.408-.118.598a1.6 1.6 0 0 1-.339.507l-4.289 4.287a2.8 2.8 0 0 1-1.29.731l-1.211.3a.6.6 0 0 1-.578-.16a.61.61 0 0 1-.16-.578l.3-1.211c.122-.489.374-.935.73-1.291l4.288-4.287a1.56 1.56 0 0 1 2.208 0A1.55 1.55 0 0 1 16 9.559"/></svg> </template>
CSS
.icon-save-as {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%209.5a.5.5%200%200%201%20.5-.5h5c.238%200%20.429.171.479.394l.75-.75A1.5%201.5%200%200%200%2010.5%208h-5C4.673%208%204%208.673%204%209.5V14H3c-.551%200-1-.449-1-1V3c0-.551.449-1%201-1h2v1.5C5%204.327%205.673%205%206.5%205h2c.827%200%201.5-.673%201.5-1.5V2h1.379c.263%200%20.521.107.707.293l1.621%201.621c.186.186.293.444.293.707V7.04c.143-.025.289-.043.437-.043c.192%200%20.38.026.563.067V4.62a2%202%200%200%200-.586-1.414l-1.621-1.621a2%202%200%200%200-1.414-.586H3C1.897%201%201%201.897%201%203v10c0%201.103.897%202%202%202h4.045l.248-1H5zM6%202h3v1.5a.5.5%200%200%201-.5.5h-2a.5.5%200%200%201-.5-.5zm10%207.559c0%20.205-.04.408-.118.598a1.6%201.6%200%200%201-.339.507l-4.289%204.287a2.8%202.8%200%200%201-1.29.731l-1.211.3a.6.6%200%200%201-.578-.16a.61.61%200%200%201-.16-.578l.3-1.211c.122-.489.374-.935.73-1.291l4.288-4.287a1.56%201.56%200%200%201%202.208%200A1.55%201.55%200%200%201%2016%209.559%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%209.5a.5.5%200%200%201%20.5-.5h5c.238%200%20.429.171.479.394l.75-.75A1.5%201.5%200%200%200%2010.5%208h-5C4.673%208%204%208.673%204%209.5V14H3c-.551%200-1-.449-1-1V3c0-.551.449-1%201-1h2v1.5C5%204.327%205.673%205%206.5%205h2c.827%200%201.5-.673%201.5-1.5V2h1.379c.263%200%20.521.107.707.293l1.621%201.621c.186.186.293.444.293.707V7.04c.143-.025.289-.043.437-.043c.192%200%20.38.026.563.067V4.62a2%202%200%200%200-.586-1.414l-1.621-1.621a2%202%200%200%200-1.414-.586H3C1.897%201%201%201.897%201%203v10c0%201.103.897%202%202%202h4.045l.248-1H5zM6%202h3v1.5a.5.5%200%200%201-.5.5h-2a.5.5%200%200%201-.5-.5zm10%207.559c0%20.205-.04.408-.118.598a1.6%201.6%200%200%201-.339.507l-4.289%204.287a2.8%202.8%200%200%201-1.29.731l-1.211.3a.6.6%200%200%201-.578-.16a.61.61%200%200%201-.16-.578l.3-1.211c.122-.489.374-.935.73-1.291l4.288-4.287a1.56%201.56%200%200%201%202.208%200A1.55%201.55%200%200%201%2016%209.559%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/save-as.svg?color=%231a73e8&size=48
