Color

Advanced editing in SVG Editor

Carbon Icons

Save Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: save download disk store floppy

The Save icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/316816.svg" alt="Save icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/316816.svg" alt="Save icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/316816.svg"
  alt="Save icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-save {
  background-image: url('https://proicons.com/icon/316816.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<style type="text/css">
	.st0{fill:none;}
</style>
<title>save</title>
<path d="M13.9,4.6l-2.5-2.5C11.3,2.1,11.1,2,11,2H3C2.4,2,2,2.4,2,3v10c0,0.6,0.4,1,1,1h10c0.6,0,1-0.4,1-1V5
	C14,4.9,13.9,4.7,13.9,4.6z M6,3h4v2H6V3z M10,13H6V9h4V13z M11,13V9c0-0.6-0.4-1-1-1H6C5.4,8,5,8.4,5,9v4H3V3h2v2c0,0.6,0.4,1,1,1
	h4c0.6,0,1-0.4,1-1V3.2l2,2V13H11z"/>
<rect id="_Transparent_Rectangle_" class="st0" width="16" height="16"/>
</svg>

Save in other icon packs

Bootstrap Icons

Eva Icons Filled

Feather Icons

Lucide Icons

Metro UI Dock

Ionicons

Basicons

Copied!

Save Icon

More from Carbon Icons

Save in other icon packs