Add icons to this collection by clicking the heart icon.
Floppy Disk icon - also known as computer, disc, save, floppy disk, floppy, and floppy disc. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="b"
x1="-.55"
x2="29.03"
y1="28.79"
y2="5.94"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e5fc" />
<stop offset=".48" stop-color="#72c1e8" />
<stop offset="1" stop-color="#0288d1" />
</linearGradient>
<linearGradient
id="a"
x1="9"
x2="23"
y1="6.5"
y2="6.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecb3" />
<stop offset="1" stop-color="#f0c020" />
</linearGradient>
<linearGradient id="c" y1="23.5" y2="23.5" href="#a" />
<g>
<path
fill="url(#b)"
d="M28 7v22a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h18a1 1 0 0 1 .71.29l4 4A1 1 0 0 1 28 7z"
/>
<path
d="M7 30H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1z"
opacity=".14"
/>
<path
fill="#fff"
d="M28 7v22a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1V7a1 1 0 0 0-.29-.71l-4-4A1 1 0 0 0 21 2h2a1 1 0 0 1 .71.29l4 4A1 1 0 0 1 28 7z"
opacity=".19"
/>
<path fill="url(#a)" d="M23 2v8a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V2z" />
<path d="M12 11h-2a1 1 0 0 1-1-1V2h2v8a1 1 0 0 0 1 1z" opacity=".14" />
<path
fill="#fff"
d="M23 2v8a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1V2z"
opacity=".19"
/>
<path
fill="url(#c)"
d="M23 18v12H9V18a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
/>
<path d="M12 17a1 1 0 0 0-1 1v12H9V18a1 1 0 0 1 1-1z" opacity=".14" />
<path
fill="#fff"
d="M23 18v12h-2V18a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".19"
/>
<path
d="M19 10h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM19 6h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
opacity=".14"
/>
<path
fill="#fff"
d="M19 9h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM19 5h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<path
d="M19 21h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM16 25h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM16 29h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z"
opacity=".14"
/>
<circle cx="19" cy="28" r="1" opacity=".14" />
<circle cx="19" cy="24" r="1" opacity=".14" />
<g fill="#fff">
<path
d="M19 20h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM16 24h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM16 28h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z"
/>
<circle cx="19" cy="27" r="1" />
<circle cx="19" cy="23" r="1" />
</g>
<circle cx="16" cy="15" r="1" opacity=".14" />
<path
d="M14 15a1 1 0 0 1-1 1H4v-2h9a1 1 0 0 1 1 1zM28 14v2h-9a1 1 0 0 1 0-2z"
opacity=".14"
/>
<circle cx="16" cy="14" r="1" fill="#fff" />
<path
fill="#fff"
d="M14 14a1 1 0 0 1-1 1H4v-2h9a1 1 0 0 1 1 1zM28 13v2h-9a1 1 0 0 1 0-2z"
/>
</g>
</svg>
More icons in the same style and category