Save Floppy Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Save Floppy 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/310944.svg" alt="Save Floppy icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310944.svg" alt="Save Floppy icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310944.svg" alt="Save Floppy icon" :width="24" :height="24" />
CSS background
.icon-save-floppy {
background-image: url('https://proicons.com/icon/310944.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.25 9.1596V17.1466C21.25 18.2349 20.817 19.2786 20.0462 20.0481C19.2754 20.8177 18.23 21.25 17.14 21.25H6.86C5.76996 21.25 4.72457 20.8177 3.95379 20.0481C3.18302 19.2786 2.75 18.2349 2.75 17.1466V6.85334C2.75 5.76507 3.18302 4.72137 3.95379 3.95184C4.72457 3.18232 5.76996 2.75 6.86 2.75H15.21C15.6344 2.74804 16.0545 2.83601 16.4423 3.00812C16.8302 3.18022 17.177 3.43253 17.46 3.74838L20.46 7.16284C20.9614 7.7081 21.2429 8.41942 21.25 9.1596Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 21.22V15.9785C7 15.4489 7.21071 14.9411 7.58579 14.5666C7.96086 14.1921 8.46957 13.9818 9 13.9818H15C15.5304 13.9818 16.0391 14.1921 16.4142 14.5666C16.7893 14.9411 17 15.4489 17 15.9785V21.22" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.8 2.8099V6.99311C15.8 7.39651 15.6402 7.78354 15.3554 8.06972C15.0707 8.3559 14.6841 8.518 14.28 8.52063H9.72001C9.31597 8.518 8.92937 8.3559 8.6446 8.06972C8.35983 7.78354 8.2 7.39651 8.20001 6.99311V2.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.1461 17.8578H13.8539" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!