SVG
Viewer
Dark mode
Light mode
Hide sidebar
Artboard
Web Design 22
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.42 KB
748 bytes
-49%
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/267822/artboard --> <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:#F2F2F3;" d="M512,99.556V42.667h-42.667V0h-56.889v42.667H99.556V0H42.667v42.667H0v56.889h42.667v312.889H0 v56.889h42.667V512h56.889v-42.667h312.889V512h56.889v-42.667H512v-56.889h-42.667V99.556H512z"/> <polygon style="fill:#DEDDE0;" points="256,412.444 256,99.556 256,42.667 99.556,42.667 99.556,0 42.667,0 42.667,42.667 0,42.667 0,99.556 42.667,99.556 42.667,412.444 0,412.444 0,469.333 42.667,469.333 42.667,512 99.556,512 99.556,469.333 256,469.333 "/> <g> <rect x="42.667" y="42.667" style="fill:#FFFFFF;" width="56.889" height="56.889"/> <rect x="42.667" y="412.444" style="fill:#FFFFFF;" width="56.889" height="56.889"/> <rect x="412.444" y="42.667" style="fill:#FFFFFF;" width="56.889" height="56.889"/> <rect x="412.444" y="412.444" style="fill:#FFFFFF;" width="56.889" height="56.889"/> </g> <rect x="99.556" y="99.556" style="fill:#00D7DF;" width="312.889" height="312.889"/> <rect x="99.556" y="99.556" style="fill:#00A1A7;" width="156.444" height="312.889"/> </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.42 KB
748 bytes
-49%
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/267822/artboard --> <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:#F2F2F3;" d="M512,99.556V42.667h-42.667V0h-56.889v42.667H99.556V0H42.667v42.667H0v56.889h42.667v312.889H0 v56.889h42.667V512h56.889v-42.667h312.889V512h56.889v-42.667H512v-56.889h-42.667V99.556H512z"/> <polygon style="fill:#DEDDE0;" points="256,412.444 256,99.556 256,42.667 99.556,42.667 99.556,0 42.667,0 42.667,42.667 0,42.667 0,99.556 42.667,99.556 42.667,412.444 0,412.444 0,469.333 42.667,469.333 42.667,512 99.556,512 99.556,469.333 256,469.333 "/> <g> <rect x="42.667" y="42.667" style="fill:#FFFFFF;" width="56.889" height="56.889"/> <rect x="42.667" y="412.444" style="fill:#FFFFFF;" width="56.889" height="56.889"/> <rect x="412.444" y="42.667" style="fill:#FFFFFF;" width="56.889" height="56.889"/> <rect x="412.444" y="412.444" style="fill:#FFFFFF;" width="56.889" height="56.889"/> </g> <rect x="99.556" y="99.556" style="fill:#00D7DF;" width="312.889" height="312.889"/> <rect x="99.556" y="99.556" style="fill:#00A1A7;" width="156.444" height="312.889"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download