The Tabler device floppy icon depicts a classic floppy disk, commonly used in user interfaces to represent the action of saving data or files.
Common uses
- Save button
- Download button
- Export file option
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDeviceFloppy } from '@tabler/icons-react';
<IconDeviceFloppy size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconDeviceFloppy size={24} stroke={2} />filled
<IconDeviceFloppyFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Devices
- Keywords
- savefilediskdevicefloppyhardwaretechnologyelectronicgadgetequipmentdevicessave iconfloppy diskdiskettesave file
FAQ
- What does the device floppy icon represent?
- It represents a floppy disk, a historical data storage medium. In UI, it's universally understood as an icon for saving.
- How do I use the device floppy icon in React?
- You can import and use it directly from the '@tabler/icons-react' library like this: import { IconDeviceFloppy } from '@tabler/icons-react'.
- What is the license for the Tabler icons?
- The Tabler icons, including the device floppy icon, are distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →