SVG
Viewer
Dark mode
Light mode
Hide sidebar
Center 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.3 KB
621 bytes
-53%
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/5244/center-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="M30,7c-0.552,0-1-0.448-1-1V1c0-0.552,0.448-1,1-1s1,0.448,1,1v5C31,6.552,30.552,7,30,7z"/> <path style="fill:#556080;" d="M30,35c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1s1,0.448,1,1v8C31,34.552,30.552,35,30,35z"/> <path style="fill:#556080;" d="M30,60c-0.552,0-1-0.448-1-1v-5c0-0.552,0.448-1,1-1s1,0.448,1,1v5C31,59.552,30.552,60,30,60z"/> <path style="fill:#7383BF;" d="M49.542,54H10.458C9.101,54,8,52.899,8,51.542V36.458C8,35.101,9.101,34,10.458,34h39.083 C50.899,34,52,35.101,52,36.458v15.083C52,52.899,50.899,54,49.542,54z"/> <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"/> </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.3 KB
621 bytes
-53%
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/5244/center-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="M30,7c-0.552,0-1-0.448-1-1V1c0-0.552,0.448-1,1-1s1,0.448,1,1v5C31,6.552,30.552,7,30,7z"/> <path style="fill:#556080;" d="M30,35c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1s1,0.448,1,1v8C31,34.552,30.552,35,30,35z"/> <path style="fill:#556080;" d="M30,60c-0.552,0-1-0.448-1-1v-5c0-0.552,0.448-1,1-1s1,0.448,1,1v5C31,59.552,30.552,60,30,60z"/> <path style="fill:#7383BF;" d="M49.542,54H10.458C9.101,54,8,52.899,8,51.542V36.458C8,35.101,9.101,34,10.458,34h39.083 C50.899,34,52,35.101,52,36.458v15.083C52,52.899,50.899,54,49.542,54z"/> <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"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download