Add icons to this collection by clicking the heart icon.
Save File icon - also known as interface, ui, save file, 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="5"
x2="27"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#465a61" />
<stop offset="1" stop-color="#546e7a" />
</linearGradient>
<linearGradient
id="c"
x1="11"
x2="21"
y1="6"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#26a6fe" />
<stop offset="1" stop-color="#4fc3f7" />
</linearGradient>
<linearGradient
id="d"
x1="11"
x2="21"
y1="6"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c87d0" />
<stop offset="1" stop-color="#03a9f4" />
</linearGradient>
<linearGradient
id="e"
x1="9"
x2="23"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe646f" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient
id="f"
x1="9"
x2="22.87"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#e57373" />
</linearGradient>
<linearGradient
id="a"
x1="15"
x2="17"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#e3f2fd" />
</linearGradient>
<linearGradient id="g" x1="13" x2="19" y1="23" y2="23" href="#a" />
<g>
<path
fill="url(#b)"
d="M27 7v20a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a1 1 0 0 1 .55.17l.44.29 5.56 3.71A1 1 0 0 1 27 7z"
/>
<path
d="M26.87 27.87A3 3 0 0 1 24 30H8a3 3 0 0 1-3-3V5a3 3 0 0 1 2.13-2.87A3.16 3.16 0 0 0 7 3v22a3 3 0 0 0 3 3h16a3.16 3.16 0 0 0 .87-.13z"
opacity=".1"
/>
<path
fill="url(#c)"
d="M21 2.46V8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2V2h9a1 1 0 0 1 .55.17z"
/>
<path
fill="url(#d)"
d="M21 8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2V2h2v4a2 2 0 0 0 2 2z"
/>
<path
fill="url(#e)"
d="M23 19v11H9V19a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3z"
/>
<path
fill="url(#f)"
d="M22.87 18.13A3.16 3.16 0 0 0 22 18h-8a3 3 0 0 0-3 3v9H9V19a3 3 0 0 1 3-3h8a3 3 0 0 1 2.87 2.13z"
/>
<path fill="url(#a)" d="M17 5a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path
fill="url(#g)"
d="M13 21a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2h-4a1 1 0 0 1-1-1zm5 3h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category