SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Visualization
User Interface 8
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.42 KB
2.74 KB
-20%
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 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/193869/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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#507C5C;" d="M219.378,235.587H31.792C14.261,235.587,0,221.326,0,203.796V32.784 C0,15.254,14.261,0.992,31.792,0.992h171.014c17.53,0,31.792,14.261,31.792,31.792v116.18c0,8.405-6.813,15.219-15.219,15.219 c-8.405,0-15.219-6.813-15.219-15.219V32.784c0-0.747-0.607-1.354-1.354-1.354H31.792c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h187.587c8.405,0,15.219,6.813,15.219,15.219C234.597,228.776,227.783,235.587,219.378,235.587z"/> <rect x="76.093" y="77.085" style="fill:#CFF09E;" width="82.408" height="82.408"/> <path style="fill:#507C5C;" d="M158.504,174.713H76.093c-8.405,0-15.219-6.813-15.219-15.219v-82.41 c0-8.405,6.813-15.219,15.219-15.219h82.411c8.405,0,15.219,6.813,15.219,15.219v82.41 C173.723,167.9,166.909,174.713,158.504,174.713z M91.311,144.276h51.974V92.303H91.311V144.276z"/> <path style="fill:#CFF09E;" d="M480.208,220.369H309.195c-9.152,0-16.573-7.421-16.573-16.573V32.784 c0-9.152,7.421-16.573,16.573-16.573h171.014c9.152,0,16.573,7.421,16.573,16.573v171.014 C496.781,212.95,489.361,220.369,480.208,220.369z"/> <path style="fill:#507C5C;" d="M480.208,235.587H309.195c-17.53,0-31.792-14.261-31.792-31.792V32.784 c0-17.53,14.261-31.792,31.792-31.792h171.014c17.53,0,31.792,14.261,31.792,31.792v171.014 C512,221.326,497.739,235.587,480.208,235.587z M309.195,31.429c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h171.014c0.747,0,1.354-0.607,1.354-1.354V32.784c0-0.747-0.607-1.354-1.354-1.354H309.195z"/> <path style="fill:#CFF09E;" d="M202.805,495.789H31.792c-9.152,0-16.573-7.421-16.573-16.573V308.203 c0-9.152,7.421-16.573,16.573-16.573h171.014c9.152,0,16.573,7.421,16.573,16.573v171.014 C219.378,488.369,211.958,495.789,202.805,495.789z"/> <g> <path style="fill:#507C5C;" d="M202.805,511.008H31.792C14.261,511.008,0,496.746,0,479.216V308.203 c0-17.53,14.261-31.792,31.792-31.792h171.014c17.53,0,31.792,14.261,31.792,31.792v171.014 C234.597,496.746,220.335,511.008,202.805,511.008z M31.792,306.848c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h171.014c0.747,0,1.354-0.607,1.354-1.354V308.203c0-0.747-0.607-1.354-1.354-1.354H31.792z"/> <path style="fill:#507C5C;" d="M496.781,511.008H309.195c-17.53,0-31.792-14.261-31.792-31.791V308.203 c0-17.53,14.261-31.792,31.792-31.792h171.014c17.53,0,31.792,14.261,31.792,31.792v115.708c0,8.405-6.813,15.219-15.219,15.219 c-8.405,0-15.219-6.813-15.219-15.219V308.203c0-0.747-0.607-1.354-1.354-1.354H309.195c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h187.587c8.405,0,15.219,6.813,15.219,15.219S505.187,511.008,496.781,511.008z"/> </g> <rect x="353.496" y="352.507" style="fill:#CFF09E;" width="82.408" height="82.408"/> <path style="fill:#507C5C;" d="M435.907,450.134h-82.411c-8.405,0-15.219-6.813-15.219-15.219v-82.41 c0-8.405,6.813-15.219,15.219-15.219h82.411c8.405,0,15.219,6.813,15.219,15.219v82.41 C451.126,443.32,444.313,450.134,435.907,450.134z M368.715,419.697h51.974v-51.973h-51.974V419.697z"/> </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
3.42 KB
2.74 KB
-20%
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 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/193869/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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#507C5C;" d="M219.378,235.587H31.792C14.261,235.587,0,221.326,0,203.796V32.784 C0,15.254,14.261,0.992,31.792,0.992h171.014c17.53,0,31.792,14.261,31.792,31.792v116.18c0,8.405-6.813,15.219-15.219,15.219 c-8.405,0-15.219-6.813-15.219-15.219V32.784c0-0.747-0.607-1.354-1.354-1.354H31.792c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h187.587c8.405,0,15.219,6.813,15.219,15.219C234.597,228.776,227.783,235.587,219.378,235.587z"/> <rect x="76.093" y="77.085" style="fill:#CFF09E;" width="82.408" height="82.408"/> <path style="fill:#507C5C;" d="M158.504,174.713H76.093c-8.405,0-15.219-6.813-15.219-15.219v-82.41 c0-8.405,6.813-15.219,15.219-15.219h82.411c8.405,0,15.219,6.813,15.219,15.219v82.41 C173.723,167.9,166.909,174.713,158.504,174.713z M91.311,144.276h51.974V92.303H91.311V144.276z"/> <path style="fill:#CFF09E;" d="M480.208,220.369H309.195c-9.152,0-16.573-7.421-16.573-16.573V32.784 c0-9.152,7.421-16.573,16.573-16.573h171.014c9.152,0,16.573,7.421,16.573,16.573v171.014 C496.781,212.95,489.361,220.369,480.208,220.369z"/> <path style="fill:#507C5C;" d="M480.208,235.587H309.195c-17.53,0-31.792-14.261-31.792-31.792V32.784 c0-17.53,14.261-31.792,31.792-31.792h171.014c17.53,0,31.792,14.261,31.792,31.792v171.014 C512,221.326,497.739,235.587,480.208,235.587z M309.195,31.429c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h171.014c0.747,0,1.354-0.607,1.354-1.354V32.784c0-0.747-0.607-1.354-1.354-1.354H309.195z"/> <path style="fill:#CFF09E;" d="M202.805,495.789H31.792c-9.152,0-16.573-7.421-16.573-16.573V308.203 c0-9.152,7.421-16.573,16.573-16.573h171.014c9.152,0,16.573,7.421,16.573,16.573v171.014 C219.378,488.369,211.958,495.789,202.805,495.789z"/> <g> <path style="fill:#507C5C;" d="M202.805,511.008H31.792C14.261,511.008,0,496.746,0,479.216V308.203 c0-17.53,14.261-31.792,31.792-31.792h171.014c17.53,0,31.792,14.261,31.792,31.792v171.014 C234.597,496.746,220.335,511.008,202.805,511.008z M31.792,306.848c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h171.014c0.747,0,1.354-0.607,1.354-1.354V308.203c0-0.747-0.607-1.354-1.354-1.354H31.792z"/> <path style="fill:#507C5C;" d="M496.781,511.008H309.195c-17.53,0-31.792-14.261-31.792-31.791V308.203 c0-17.53,14.261-31.792,31.792-31.792h171.014c17.53,0,31.792,14.261,31.792,31.792v115.708c0,8.405-6.813,15.219-15.219,15.219 c-8.405,0-15.219-6.813-15.219-15.219V308.203c0-0.747-0.607-1.354-1.354-1.354H309.195c-0.747,0-1.354,0.607-1.354,1.354v171.014 c0,0.747,0.607,1.354,1.354,1.354h187.587c8.405,0,15.219,6.813,15.219,15.219S505.187,511.008,496.781,511.008z"/> </g> <rect x="353.496" y="352.507" style="fill:#CFF09E;" width="82.408" height="82.408"/> <path style="fill:#507C5C;" d="M435.907,450.134h-82.411c-8.405,0-15.219-6.813-15.219-15.219v-82.41 c0-8.405,6.813-15.219,15.219-15.219h82.411c8.405,0,15.219,6.813,15.219,15.219v82.41 C451.126,443.32,444.313,450.134,435.907,450.134z M368.715,419.697h51.974v-51.973h-51.974V419.697z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download