Floppy

By Corey Ginnivan in System UIcons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 21 21">
  <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
    <path d="M6.5 4.5h7l3 3v7a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z"/>
    <path d="M8.5 12.5h4a1 1 0 0 1 1 1v3h-6v-3a1 1 0 0 1 1-1zm-1-5h2v2h-2z"/>
  </g>
</svg>


Floppy Icons examples

See what this icon looks like in some mockup designs
FloppyHome

Related icons in System UIcons

copy save
airplay
copy save
alarm-clock
copy save
align-horizontal
copy save
align-vertical
copy save
angle
copy save
archive
copy save
arrow-bottom-left
copy save
arrow-bottom-right
copy save
arrow-down
copy save
arrow-down-circle
copy save
arrow-left
copy save
arrow-left-circle
copy save
arrow-right
copy save
arrow-right-circle
copy save
arrow-top-left
copy save
arrow-top-right
copy save
arrow-up
copy save
arrow-up-circle
copy save
audio-wave
copy save
backspace