SVG
Viewer
Dark mode
Light mode
Hide sidebar
Train Simple Duotone
Phosphor Duotone Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
922 bytes
593 bytes
-36%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by phosphor: https://github.com/phosphor-icons/phosphor-icons --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.2"> <path d="M212,56a24,24,0,0,0-24-24H68A24,24,0,0,0,44,56v72H212Z"/> </g> <g> <path d="M188,24H68A32.03667,32.03667,0,0,0,36,56V184a32.03667,32.03667,0,0,0,32,32H79.99976L65.59961,235.2002a8.00019,8.00019,0,0,0,12.80078,9.5996L100.00024,216h55.99952l21.59985,28.7998a8.00019,8.00019,0,0,0,12.80078-9.5996L176.00024,216H188a32.03667,32.03667,0,0,0,32-32V56A32.03667,32.03667,0,0,0,188,24ZM68,40H188a16.01833,16.01833,0,0,1,16,16v64H52V56A16.01833,16.01833,0,0,1,68,40ZM188,200H68a16.01833,16.01833,0,0,1-16-16V136H204v48A16.01833,16.01833,0,0,1,188,200Z"/> <circle cx="84" cy="172" r="12"/> <circle cx="172" cy="172" r="12"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
922 bytes
593 bytes
-36%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by phosphor: https://github.com/phosphor-icons/phosphor-icons --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.2"> <path d="M212,56a24,24,0,0,0-24-24H68A24,24,0,0,0,44,56v72H212Z"/> </g> <g> <path d="M188,24H68A32.03667,32.03667,0,0,0,36,56V184a32.03667,32.03667,0,0,0,32,32H79.99976L65.59961,235.2002a8.00019,8.00019,0,0,0,12.80078,9.5996L100.00024,216h55.99952l21.59985,28.7998a8.00019,8.00019,0,0,0,12.80078-9.5996L176.00024,216H188a32.03667,32.03667,0,0,0,32-32V56A32.03667,32.03667,0,0,0,188,24ZM68,40H188a16.01833,16.01833,0,0,1,16,16v64H52V56A16.01833,16.01833,0,0,1,68,40ZM188,200H68a16.01833,16.01833,0,0,1-16-16V136H204v48A16.01833,16.01833,0,0,1,188,200Z"/> <circle cx="84" cy="172" r="12"/> <circle cx="172" cy="172" r="12"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download