SVG
Viewer
Dark mode
Light mode
Hide sidebar
Visualization
User Interface 4
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.47 KB
1.46 KB
-41%
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/48427/visualization --> <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 511.994 511.994" style="enable-background:new 0 0 511.994 511.994;" xml:space="preserve"> <rect x="181.168" y="328.184" style="fill:#D5C9B3;" width="149.657" height="149.657"/> <rect x="275.691" y="328.184" style="fill:#CBBBA0;" width="55.138" height="149.657"/> <rect x="7.878" y="328.184" style="fill:#5EBAE7;" width="149.657" height="149.657"/> <rect x="102.401" y="328.184" style="fill:#36A9E1;" width="55.138" height="149.657"/> <rect x="354.459" y="328.184" style="fill:#5EBAE7;" width="149.657" height="149.657"/> <rect x="448.982" y="328.184" style="fill:#36A9E1;" width="55.138" height="149.657"/> <rect x="181.168" y="82.693" style="fill:#5EBAE7;" width="149.657" height="149.657"/> <rect x="275.691" y="82.693" style="fill:#36A9E1;" width="55.138" height="149.657"/> <rect x="7.878" y="82.693" style="fill:#D5C9B3;" width="149.657" height="149.657"/> <rect x="102.401" y="82.693" style="fill:#CBBBA0;" width="55.138" height="149.657"/> <rect x="354.459" y="82.693" style="fill:#D5C9B3;" width="149.657" height="149.657"/> <rect x="448.982" y="82.693" style="fill:#CBBBA0;" width="55.138" height="149.657"/> <g> <path style="fill:#1D1D1B;" d="M165.343,240.156H0.073V74.886h165.27L165.343,240.156L165.343,240.156z M15.683,224.546h134.05 V90.496H15.683V224.546z"/> <path style="fill:#1D1D1B;" d="M338.634,240.156h-165.27V74.886h165.27V240.156z M188.974,224.546h134.05V90.496h-134.05V224.546z" /> <path style="fill:#1D1D1B;" d="M511.926,240.156h-165.27V74.886h165.27V240.156z M362.266,224.546h134.05V90.496h-134.05V224.546z" /> <rect y="27.654" style="fill:#1D1D1B;" width="511.994" height="15.61"/> <path style="fill:#1D1D1B;" d="M165.343,484.339H0.073V319.068h165.27L165.343,484.339L165.343,484.339z M15.683,468.729h134.05 V334.678H15.683V468.729z"/> <path style="fill:#1D1D1B;" d="M338.634,484.339h-165.27V319.068h165.27V484.339z M188.974,468.729h134.05V334.678h-134.05V468.729 z"/> <path style="fill:#1D1D1B;" d="M511.926,484.339h-165.27V319.068h165.27V484.339z M362.266,468.729h134.05V334.678h-134.05V468.729 z"/> <rect y="271.843" style="fill:#1D1D1B;" width="511.994" height="15.61"/> </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.47 KB
1.46 KB
-41%
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/48427/visualization --> <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 511.994 511.994" style="enable-background:new 0 0 511.994 511.994;" xml:space="preserve"> <rect x="181.168" y="328.184" style="fill:#D5C9B3;" width="149.657" height="149.657"/> <rect x="275.691" y="328.184" style="fill:#CBBBA0;" width="55.138" height="149.657"/> <rect x="7.878" y="328.184" style="fill:#5EBAE7;" width="149.657" height="149.657"/> <rect x="102.401" y="328.184" style="fill:#36A9E1;" width="55.138" height="149.657"/> <rect x="354.459" y="328.184" style="fill:#5EBAE7;" width="149.657" height="149.657"/> <rect x="448.982" y="328.184" style="fill:#36A9E1;" width="55.138" height="149.657"/> <rect x="181.168" y="82.693" style="fill:#5EBAE7;" width="149.657" height="149.657"/> <rect x="275.691" y="82.693" style="fill:#36A9E1;" width="55.138" height="149.657"/> <rect x="7.878" y="82.693" style="fill:#D5C9B3;" width="149.657" height="149.657"/> <rect x="102.401" y="82.693" style="fill:#CBBBA0;" width="55.138" height="149.657"/> <rect x="354.459" y="82.693" style="fill:#D5C9B3;" width="149.657" height="149.657"/> <rect x="448.982" y="82.693" style="fill:#CBBBA0;" width="55.138" height="149.657"/> <g> <path style="fill:#1D1D1B;" d="M165.343,240.156H0.073V74.886h165.27L165.343,240.156L165.343,240.156z M15.683,224.546h134.05 V90.496H15.683V224.546z"/> <path style="fill:#1D1D1B;" d="M338.634,240.156h-165.27V74.886h165.27V240.156z M188.974,224.546h134.05V90.496h-134.05V224.546z" /> <path style="fill:#1D1D1B;" d="M511.926,240.156h-165.27V74.886h165.27V240.156z M362.266,224.546h134.05V90.496h-134.05V224.546z" /> <rect y="27.654" style="fill:#1D1D1B;" width="511.994" height="15.61"/> <path style="fill:#1D1D1B;" d="M165.343,484.339H0.073V319.068h165.27L165.343,484.339L165.343,484.339z M15.683,468.729h134.05 V334.678H15.683V468.729z"/> <path style="fill:#1D1D1B;" d="M338.634,484.339h-165.27V319.068h165.27V484.339z M188.974,468.729h134.05V334.678h-134.05V468.729 z"/> <path style="fill:#1D1D1B;" d="M511.926,484.339h-165.27V319.068h165.27V484.339z M362.266,468.729h134.05V334.678h-134.05V468.729 z"/> <rect y="271.843" style="fill:#1D1D1B;" width="511.994" height="15.61"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download