SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Browser
Interaction Assets 2
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.28 KB
671 bytes
-49%
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="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/6809/browser --> <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 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve"> <g> <g> <rect y="16" style="fill:#ECF0F1;" width="50" height="35"/> <rect y="2" style="fill:#546A79;" width="50" height="14"/> <circle style="fill:#ED7161;" cx="7" cy="9" r="3"/> <circle style="fill:#EFC41A;" cx="16" cy="9" r="3"/> <circle style="fill:#4FBA6E;" cx="25" cy="9" r="3"/> </g> <g> <rect x="38" y="40" style="fill:#B1D3EF;" width="20" height="16"/> <path style="fill:#556080;" d="M51,47c0-1.657-1.343-3-3-3s-3,1.343-3,3c0,1.317,0.854,2.424,2.035,2.827 C47.024,49.885,47,49.939,47,50v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2c0-0.061-0.024-0.115-0.035-0.173 C50.146,49.424,51,48.317,51,47z"/> <path style="fill:#BDC3C7;" d="M43,38c0-2.757,2.243-5,5-5s5,2.243,5,5v2h2v-2c0-3.86-3.14-7-7-7s-7,3.14-7,7v2h2V38z"/> </g> </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.28 KB
671 bytes
-49%
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="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/6809/browser --> <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 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve"> <g> <g> <rect y="16" style="fill:#ECF0F1;" width="50" height="35"/> <rect y="2" style="fill:#546A79;" width="50" height="14"/> <circle style="fill:#ED7161;" cx="7" cy="9" r="3"/> <circle style="fill:#EFC41A;" cx="16" cy="9" r="3"/> <circle style="fill:#4FBA6E;" cx="25" cy="9" r="3"/> </g> <g> <rect x="38" y="40" style="fill:#B1D3EF;" width="20" height="16"/> <path style="fill:#556080;" d="M51,47c0-1.657-1.343-3-3-3s-3,1.343-3,3c0,1.317,0.854,2.424,2.035,2.827 C47.024,49.885,47,49.939,47,50v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2c0-0.061-0.024-0.115-0.035-0.173 C50.146,49.424,51,48.317,51,47z"/> <path style="fill:#BDC3C7;" d="M43,38c0-2.757,2.243-5,5-5s5,2.243,5,5v2h2v-2c0-3.86-3.14-7-7-7s-7,3.14-7,7v2h2V38z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download