SVG
Viewer
Dark mode
Light mode
Hide sidebar
Wallet
Lets Duotone Glyph 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
921 bytes
553 bytes
-40%
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: CC Attribution. Made by Leonid Tsvetkov: https://www.figma.com/@Leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 6C3 4.89543 3.89543 4 5 4H19.5C19.7761 4 20 4.22386 20 4.5V6C20 7.10457 19.1046 8 18 8H5C3.89543 8 3 7.10457 3 6Z" fill="#222222"/> <path d="M3 16V6C3 7.10457 3.89543 8 5 8H19C20.1046 8 21 8.89543 21 10V12.85C21 12.9328 20.9328 13 20.85 13H18C16.8954 13 16 13.8954 16 15C16 16.1046 16.8954 17 18 17H20.85C20.9328 17 21 17.0672 21 17.15V18C21 19.1046 20.1046 20 19 20H7C4.79086 20 3 18.2091 3 16Z" fill="#2A4157" fill-opacity="0.24"/> <path d="M15 15C15 13.8954 15.8954 13 17 13H20.85C20.9328 13 21 13.0672 21 13.15V16.85C21 16.9328 20.9328 17 20.85 17H17C15.8954 17 15 16.1046 15 15Z" fill="#222222"/> <rect x="5" y="10" width="6" height="1" rx="0.5" fill="#222222"/> </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
921 bytes
553 bytes
-40%
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: CC Attribution. Made by Leonid Tsvetkov: https://www.figma.com/@Leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 6C3 4.89543 3.89543 4 5 4H19.5C19.7761 4 20 4.22386 20 4.5V6C20 7.10457 19.1046 8 18 8H5C3.89543 8 3 7.10457 3 6Z" fill="#222222"/> <path d="M3 16V6C3 7.10457 3.89543 8 5 8H19C20.1046 8 21 8.89543 21 10V12.85C21 12.9328 20.9328 13 20.85 13H18C16.8954 13 16 13.8954 16 15C16 16.1046 16.8954 17 18 17H20.85C20.9328 17 21 17.0672 21 17.15V18C21 19.1046 20.1046 20 19 20H7C4.79086 20 3 18.2091 3 16Z" fill="#2A4157" fill-opacity="0.24"/> <path d="M15 15C15 13.8954 15.8954 13 17 13H20.85C20.9328 13 21 13.0672 21 13.15V16.85C21 16.9328 20.9328 17 20.85 17H17C15.8954 17 15 16.1046 15 15Z" fill="#222222"/> <rect x="5" y="10" width="6" height="1" rx="0.5" fill="#222222"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download