Save Pixel Art Icon
A floppy-disk save icon for 'Save' buttons, auto-save indicators, export actions and unsaved-change warnings.
Tags
keepbookmarkdisk
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Save icon
A floppy disk, still the dominant visual shorthand for saving data decades after physical disks disappeared. It suits a 'Save' button in a form, an auto-save status indicator, an unsaved-changes badge, and export flows that write to disk. Most users read it as 'save' without needing a label, so it works well in compact toolbars. For cloud-specific saving, a cloud-upload icon adds the network nuance the disk icon lacks.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/save.svg" width="24" height="24" alt="Save" />
<!-- React -->
import { Save } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="save.svg" width="48" height="48" style="image-rendering: pixelated" />