SVG
Viewer
Dark mode
Light mode
Hide sidebar
Face Mask 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
1.52 KB
1.08 KB
-29%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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="M216,136c0,51.50493-74.43964,69.17367-86.39,71.67832a7.80809,7.80809,0,0,1-3.21992,0C114.43964,205.17367,40,187.50493,40,136V77.60342a8,8,0,0,1,5.26606-7.51835l80-29.09091a8,8,0,0,1,5.46788,0l80,29.09091A8,8,0,0,1,216,77.60342Z"/> </g> <path d="M176,112a8.00039,8.00039,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8.00039,8.00039,0,0,1,176,112Zm-8,24H88a8,8,0,0,0,0,16h80a8,8,0,0,0,0-16Zm88-32v24a32.03635,32.03635,0,0,1-32,32h-5.19678c-6.561,14.38086-19.25537,26.99854-37.63183,37.20752-21.02246,11.67871-43.52491,16.96045-49.92041,18.30029a15.72388,15.72388,0,0,1-6.50293,0c-6.39453-1.33984-28.897-6.62158-49.91944-18.30029C56.45215,186.99854,43.75781,174.38086,37.19678,160H32A32.03635,32.03635,0,0,1,0,128V104A32.03635,32.03635,0,0,1,32,72h1.03125a16.04022,16.04022,0,0,1,9.501-9.43359l80-29.09082a16.02485,16.02485,0,0,1,10.93554,0l80,29.0913A16.03948,16.03948,0,0,1,222.96875,72H224A32.03635,32.03635,0,0,1,256,104ZM32.55273,144A58.66962,58.66962,0,0,1,32,136V88a16.01833,16.01833,0,0,0-16,16v24a16.01833,16.01833,0,0,0,16,16ZM208,136V77.60352L128,48.5127,48,77.60352V136c0,45.75391,71.83984,62.13184,80.03125,63.84863C136.16016,198.13184,208,181.75391,208,136Zm32-32a16.01833,16.01833,0,0,0-16-16v48a58.66962,58.66962,0,0,1-.55273,8H224a16.01833,16.01833,0,0,0,16-16Z"/> </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
1.52 KB
1.08 KB
-29%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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="M216,136c0,51.50493-74.43964,69.17367-86.39,71.67832a7.80809,7.80809,0,0,1-3.21992,0C114.43964,205.17367,40,187.50493,40,136V77.60342a8,8,0,0,1,5.26606-7.51835l80-29.09091a8,8,0,0,1,5.46788,0l80,29.09091A8,8,0,0,1,216,77.60342Z"/> </g> <path d="M176,112a8.00039,8.00039,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8.00039,8.00039,0,0,1,176,112Zm-8,24H88a8,8,0,0,0,0,16h80a8,8,0,0,0,0-16Zm88-32v24a32.03635,32.03635,0,0,1-32,32h-5.19678c-6.561,14.38086-19.25537,26.99854-37.63183,37.20752-21.02246,11.67871-43.52491,16.96045-49.92041,18.30029a15.72388,15.72388,0,0,1-6.50293,0c-6.39453-1.33984-28.897-6.62158-49.91944-18.30029C56.45215,186.99854,43.75781,174.38086,37.19678,160H32A32.03635,32.03635,0,0,1,0,128V104A32.03635,32.03635,0,0,1,32,72h1.03125a16.04022,16.04022,0,0,1,9.501-9.43359l80-29.09082a16.02485,16.02485,0,0,1,10.93554,0l80,29.0913A16.03948,16.03948,0,0,1,222.96875,72H224A32.03635,32.03635,0,0,1,256,104ZM32.55273,144A58.66962,58.66962,0,0,1,32,136V88a16.01833,16.01833,0,0,0-16,16v24a16.01833,16.01833,0,0,0,16,16ZM208,136V77.60352L128,48.5127,48,77.60352V136c0,45.75391,71.83984,62.13184,80.03125,63.84863C136.16016,198.13184,208,181.75391,208,136Zm32-32a16.01833,16.01833,0,0,0-16-16v48a58.66962,58.66962,0,0,1-.55273,8H224a16.01833,16.01833,0,0,0,16-16Z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download