SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Grid 3
Coco Bold 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
909 bytes
486 bytes
-47%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Amir Baqian: https://dribbble.com/amirbaqian --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.282 3V8.40222H3.51679C4.337 5.87539 6.4185 3.93845 9.02975 3.32458C9.77194 3.1501 10.5256 3.04191 11.282 3Z" fill="#363853"/> <path d="M12.718 3V14.1586H20.8204C21.1058 12.4556 21.0511 10.7098 20.6563 9.02319C19.9945 6.19563 17.7916 3.98784 14.9703 3.32458C14.2281 3.1501 13.4744 3.04191 12.718 3Z" fill="#363853"/> <path d="M20.4832 15.5977H12.718V21C13.4744 20.9581 14.2281 20.8499 14.9703 20.6754C17.5815 20.0615 19.663 18.1246 20.4832 15.5977Z" fill="#363853"/> <path d="M11.282 21V9.84132H3.17959C2.89423 11.5444 2.94894 13.2902 3.3437 14.9768C4.0055 17.8044 6.20842 20.0122 9.02975 20.6754C9.77194 20.8499 10.5256 20.9581 11.282 21Z" fill="#363853"/> </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
909 bytes
486 bytes
-47%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Amir Baqian: https://dribbble.com/amirbaqian --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.282 3V8.40222H3.51679C4.337 5.87539 6.4185 3.93845 9.02975 3.32458C9.77194 3.1501 10.5256 3.04191 11.282 3Z" fill="#363853"/> <path d="M12.718 3V14.1586H20.8204C21.1058 12.4556 21.0511 10.7098 20.6563 9.02319C19.9945 6.19563 17.7916 3.98784 14.9703 3.32458C14.2281 3.1501 13.4744 3.04191 12.718 3Z" fill="#363853"/> <path d="M20.4832 15.5977H12.718V21C13.4744 20.9581 14.2281 20.8499 14.9703 20.6754C17.5815 20.0615 19.663 18.1246 20.4832 15.5977Z" fill="#363853"/> <path d="M11.282 21V9.84132H3.17959C2.89423 11.5444 2.94894 13.2902 3.3437 14.9768C4.0055 17.8044 6.20842 20.0122 9.02975 20.6754C9.77194 20.8499 10.5256 20.9581 11.282 21Z" fill="#363853"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download