SVG
Viewer
Dark mode
Light mode
Hide sidebar
Vertical Alignment
Designer Set
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.39 KB
622 bytes
-56%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/29676/vertical-alignment --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <path style="fill:#556080;" d="M59,17H47c-0.553,0-1-0.448-1-1s0.447-1,1-1h12c0.553,0,1,0.448,1,1S59.553,17,59,17z"/> <path style="fill:#556080;" d="M59,45H45c-0.553,0-1-0.448-1-1s0.447-1,1-1h14c0.553,0,1,0.448,1,1S59.553,45,59,45z"/> <path style="fill:#556080;" d="M13,17H1c-0.553,0-1-0.448-1-1s0.447-1,1-1h12c0.553,0,1,0.448,1,1S13.553,17,13,17z"/> <path style="fill:#556080;" d="M20,45H1c-0.553,0-1-0.448-1-1s0.447-1,1-1h19c0.553,0,1,0.448,1,1S20.553,45,20,45z"/> <path style="fill:#26B99A;" d="M44.542,26H15.458C14.101,26,13,24.899,13,23.542V8.458C13,7.101,14.101,6,15.458,6h29.083 C45.899,6,47,7.101,47,8.458v15.083C47,24.899,45.899,26,44.542,26z"/> <path style="fill:#7383BF;" d="M10.458,54h39.083C50.899,54,52,52.899,52,51.542V36.458C52,35.101,50.899,34,49.542,34H10.458 C9.101,34,8,35.101,8,36.458v15.083C8,52.899,9.101,54,10.458,54z"/> </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
Set Dimensions
Change dimensions
Optimize
1.39 KB
622 bytes
-56%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/29676/vertical-alignment --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <path style="fill:#556080;" d="M59,17H47c-0.553,0-1-0.448-1-1s0.447-1,1-1h12c0.553,0,1,0.448,1,1S59.553,17,59,17z"/> <path style="fill:#556080;" d="M59,45H45c-0.553,0-1-0.448-1-1s0.447-1,1-1h14c0.553,0,1,0.448,1,1S59.553,45,59,45z"/> <path style="fill:#556080;" d="M13,17H1c-0.553,0-1-0.448-1-1s0.447-1,1-1h12c0.553,0,1,0.448,1,1S13.553,17,13,17z"/> <path style="fill:#556080;" d="M20,45H1c-0.553,0-1-0.448-1-1s0.447-1,1-1h19c0.553,0,1,0.448,1,1S20.553,45,20,45z"/> <path style="fill:#26B99A;" d="M44.542,26H15.458C14.101,26,13,24.899,13,23.542V8.458C13,7.101,14.101,6,15.458,6h29.083 C45.899,6,47,7.101,47,8.458v15.083C47,24.899,45.899,26,44.542,26z"/> <path style="fill:#7383BF;" d="M10.458,54h39.083C50.899,54,52,52.899,52,51.542V36.458C52,35.101,50.899,34,49.542,34H10.458 C9.101,34,8,35.101,8,36.458v15.083C8,52.899,9.101,54,10.458,54z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download