SVG
Viewer
Dark mode
Light mode
Hide sidebar
Browser Coding
Web Design 5
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.17 KB
1.64 KB
-25%
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 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/213351/browser-coding --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#EDEDED;" d="M512,454.4c0,21.207-17.193,38.4-38.4,38.4H38.4C17.193,492.8,0,475.607,0,454.4V57.6 c0-21.207,17.193-38.4,38.4-38.4h435.2c21.207,0,38.4,17.193,38.4,38.4V454.4z"/> <path style="fill:#D8D8DA;" d="M473.6,19.2H256v473.6h217.6c21.207,0,38.4-17.193,38.4-38.4V57.6 C512,36.393,494.807,19.2,473.6,19.2z"/> <rect x="256" y="57.6" style="fill:#C6C5CA;" width="217.6" height="38.4"/> <circle style="fill:#E07188;" cx="57.6" cy="76.8" r="25.6"/> <path style="fill:#B4D8F1;" d="M0,134.4v320c0,21.207,17.193,38.4,38.4,38.4h435.2c21.207,0,38.4-17.193,38.4-38.4v-320H0z"/> <path style="fill:#98C8ED;" d="M256,134.4v358.4h217.6c21.207,0,38.4-17.193,38.4-38.4v-320H256z"/> <g> <path style="fill:#F8F8F9;" d="M256,339.2c-14.116,0-25.6-11.484-25.6-25.6S241.884,288,256,288s25.6,11.484,25.6,25.6 c0.003,6.834-2.66,13.266-7.498,18.103C269.266,336.538,262.838,339.2,256,339.2z"/> <path style="fill:#F8F8F9;" d="M256,390.4c-49.614,0-95.57-24.758-122.932-66.225l-6.979-10.575l6.977-10.575 C160.43,261.558,206.386,236.8,256,236.8c49.615,0,95.571,24.758,122.934,66.226l6.976,10.574l-6.976,10.574 C351.571,365.642,305.615,390.4,256,390.4z M173.043,313.6C193.61,337.851,223.764,352,256,352c32.237,0,62.388-14.149,82.957-38.4 c-20.567-24.251-50.72-38.4-82.957-38.4C223.764,275.2,193.612,289.349,173.043,313.6z"/> </g> <g> <path style="fill:#EDEDED;" d="M281.6,313.6c0-14.116-11.484-25.6-25.6-25.6v51.2c6.838,0,13.266-2.662,18.102-7.497 C278.94,326.866,281.603,320.434,281.6,313.6z"/> <path style="fill:#EDEDED;" d="M378.934,303.026C351.571,261.558,305.615,236.8,256,236.8v38.4c32.237,0,62.388,14.149,82.957,38.4 C318.39,337.851,288.237,352,256,352v38.4c49.615,0,95.571-24.758,122.934-66.226l6.976-10.574L378.934,303.026z"/> </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
2.17 KB
1.64 KB
-25%
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 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/213351/browser-coding --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#EDEDED;" d="M512,454.4c0,21.207-17.193,38.4-38.4,38.4H38.4C17.193,492.8,0,475.607,0,454.4V57.6 c0-21.207,17.193-38.4,38.4-38.4h435.2c21.207,0,38.4,17.193,38.4,38.4V454.4z"/> <path style="fill:#D8D8DA;" d="M473.6,19.2H256v473.6h217.6c21.207,0,38.4-17.193,38.4-38.4V57.6 C512,36.393,494.807,19.2,473.6,19.2z"/> <rect x="256" y="57.6" style="fill:#C6C5CA;" width="217.6" height="38.4"/> <circle style="fill:#E07188;" cx="57.6" cy="76.8" r="25.6"/> <path style="fill:#B4D8F1;" d="M0,134.4v320c0,21.207,17.193,38.4,38.4,38.4h435.2c21.207,0,38.4-17.193,38.4-38.4v-320H0z"/> <path style="fill:#98C8ED;" d="M256,134.4v358.4h217.6c21.207,0,38.4-17.193,38.4-38.4v-320H256z"/> <g> <path style="fill:#F8F8F9;" d="M256,339.2c-14.116,0-25.6-11.484-25.6-25.6S241.884,288,256,288s25.6,11.484,25.6,25.6 c0.003,6.834-2.66,13.266-7.498,18.103C269.266,336.538,262.838,339.2,256,339.2z"/> <path style="fill:#F8F8F9;" d="M256,390.4c-49.614,0-95.57-24.758-122.932-66.225l-6.979-10.575l6.977-10.575 C160.43,261.558,206.386,236.8,256,236.8c49.615,0,95.571,24.758,122.934,66.226l6.976,10.574l-6.976,10.574 C351.571,365.642,305.615,390.4,256,390.4z M173.043,313.6C193.61,337.851,223.764,352,256,352c32.237,0,62.388-14.149,82.957-38.4 c-20.567-24.251-50.72-38.4-82.957-38.4C223.764,275.2,193.612,289.349,173.043,313.6z"/> </g> <g> <path style="fill:#EDEDED;" d="M281.6,313.6c0-14.116-11.484-25.6-25.6-25.6v51.2c6.838,0,13.266-2.662,18.102-7.497 C278.94,326.866,281.603,320.434,281.6,313.6z"/> <path style="fill:#EDEDED;" d="M378.934,303.026C351.571,261.558,305.615,236.8,256,236.8v38.4c32.237,0,62.388,14.149,82.957,38.4 C318.39,337.851,288.237,352,256,352v38.4c49.615,0,95.571-24.758,122.934-66.226l6.976-10.574L378.934,303.026z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download