SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Diagram Hierarchy
Marketing 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.47 KB
1.52 KB
-38%
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/276366/diagram-hierarchy --> <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"> <g> <g> <path style="fill:#ECF0F1;" d="M256,450.207c-4.882,0-8.828-3.955-8.828-8.828V317.793c0-4.873,3.946-8.828,8.828-8.828 s8.828,3.955,8.828,8.828v123.586C264.828,446.252,260.882,450.207,256,450.207"/> <path style="fill:#ECF0F1;" d="M441.379,450.207c-4.882,0-8.828-3.955-8.828-8.828v-8.828c0-29.21-23.755-52.966-52.966-52.966 H132.414c-29.21,0-52.966,23.755-52.966,52.966v8.828c0,4.873-3.946,8.828-8.828,8.828s-8.828-3.955-8.828-8.828v-8.828 c0-38.938,31.682-70.621,70.621-70.621h247.172c38.938,0,70.621,31.682,70.621,70.621v8.828 C450.207,446.252,446.261,450.207,441.379,450.207"/> <path style="fill:#ECF0F1;" d="M256,203.034c-4.882,0-8.828-3.955-8.828-8.828V70.621c0-4.873,3.946-8.828,8.828-8.828 s8.828,3.955,8.828,8.828v123.586C264.828,199.08,260.882,203.034,256,203.034"/> <path style="fill:#ECF0F1;" d="M379.586,150.069H132.414c-38.938,0-70.621-31.682-70.621-70.621v-8.828 c0-4.873,3.946-8.828,8.828-8.828s8.828,3.955,8.828,8.828v8.828c0,29.21,23.755,52.966,52.966,52.966h247.172 c29.21,0,52.966-23.755,52.966-52.966v-8.828c0-4.873,3.946-8.828,8.828-8.828c4.882,0,8.828,3.955,8.828,8.828v8.828 C450.207,118.387,418.525,150.069,379.586,150.069"/> </g> <path style="fill:#8697CB;" d="M397.241,317.793H114.759c-9.746,0-17.655-7.91-17.655-17.655v-88.276 c0-9.746,7.91-17.655,17.655-17.655h282.483c9.746,0,17.655,7.91,17.655,17.655v88.276 C414.897,309.884,406.987,317.793,397.241,317.793"/> <g> <polygon style="fill:#556080;" points="17.655,512 123.586,512 123.586,441.379 17.655,441.379 "/> <polygon style="fill:#556080;" points="203.034,512 308.966,512 308.966,441.379 203.034,441.379 "/> <polygon style="fill:#556080;" points="388.414,512 494.345,512 494.345,441.379 388.414,441.379 "/> <polygon style="fill:#556080;" points="388.414,70.621 494.345,70.621 494.345,0 388.414,0 "/> <polygon style="fill:#556080;" points="203.034,70.621 308.966,70.621 308.966,0 203.034,0 "/> <polygon style="fill:#556080;" points="17.655,70.621 123.586,70.621 123.586,0 17.655,0 "/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
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.52 KB
-38%
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/276366/diagram-hierarchy --> <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"> <g> <g> <path style="fill:#ECF0F1;" d="M256,450.207c-4.882,0-8.828-3.955-8.828-8.828V317.793c0-4.873,3.946-8.828,8.828-8.828 s8.828,3.955,8.828,8.828v123.586C264.828,446.252,260.882,450.207,256,450.207"/> <path style="fill:#ECF0F1;" d="M441.379,450.207c-4.882,0-8.828-3.955-8.828-8.828v-8.828c0-29.21-23.755-52.966-52.966-52.966 H132.414c-29.21,0-52.966,23.755-52.966,52.966v8.828c0,4.873-3.946,8.828-8.828,8.828s-8.828-3.955-8.828-8.828v-8.828 c0-38.938,31.682-70.621,70.621-70.621h247.172c38.938,0,70.621,31.682,70.621,70.621v8.828 C450.207,446.252,446.261,450.207,441.379,450.207"/> <path style="fill:#ECF0F1;" d="M256,203.034c-4.882,0-8.828-3.955-8.828-8.828V70.621c0-4.873,3.946-8.828,8.828-8.828 s8.828,3.955,8.828,8.828v123.586C264.828,199.08,260.882,203.034,256,203.034"/> <path style="fill:#ECF0F1;" d="M379.586,150.069H132.414c-38.938,0-70.621-31.682-70.621-70.621v-8.828 c0-4.873,3.946-8.828,8.828-8.828s8.828,3.955,8.828,8.828v8.828c0,29.21,23.755,52.966,52.966,52.966h247.172 c29.21,0,52.966-23.755,52.966-52.966v-8.828c0-4.873,3.946-8.828,8.828-8.828c4.882,0,8.828,3.955,8.828,8.828v8.828 C450.207,118.387,418.525,150.069,379.586,150.069"/> </g> <path style="fill:#8697CB;" d="M397.241,317.793H114.759c-9.746,0-17.655-7.91-17.655-17.655v-88.276 c0-9.746,7.91-17.655,17.655-17.655h282.483c9.746,0,17.655,7.91,17.655,17.655v88.276 C414.897,309.884,406.987,317.793,397.241,317.793"/> <g> <polygon style="fill:#556080;" points="17.655,512 123.586,512 123.586,441.379 17.655,441.379 "/> <polygon style="fill:#556080;" points="203.034,512 308.966,512 308.966,441.379 203.034,441.379 "/> <polygon style="fill:#556080;" points="388.414,512 494.345,512 494.345,441.379 388.414,441.379 "/> <polygon style="fill:#556080;" points="388.414,70.621 494.345,70.621 494.345,0 388.414,0 "/> <polygon style="fill:#556080;" points="203.034,70.621 308.966,70.621 308.966,0 203.034,0 "/> <polygon style="fill:#556080;" points="17.655,70.621 123.586,70.621 123.586,0 17.655,0 "/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG