SVG
Viewer
Dark mode
Light mode
Hide sidebar
Diagram Hierarchy
Marketing 11
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.24 KB
2.98 KB
-30%
Prettify
Preferences
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/302033/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 transform="translate(1 1)"> <g> <path style="fill:#FFE100;" d="M263.533,195.267c-5.12,0-8.533-3.413-8.533-8.533V92.867c0-5.12,3.413-8.533,8.533-8.533 c5.12,0,8.533,3.413,8.533,8.533v93.867C272.067,191.853,268.653,195.267,263.533,195.267z"/> <path style="fill:#FFE100;" d="M263.533,451.267c-5.12,0-8.533-3.413-8.533-8.533V280.6c0-5.12,3.413-8.533,8.533-8.533 c5.12,0,8.533,3.413,8.533,8.533v162.133C272.067,447.853,268.653,451.267,263.533,451.267z"/> <path style="fill:#FFE100;" d="M442.733,451.267c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-28.16-23.04-51.2-51.2-51.2H144.067 c-28.16,0-51.2,23.04-51.2,51.2v8.533c0,5.12-3.413,8.533-8.533,8.533c-5.12,0-8.533-3.413-8.533-8.533V434.2 c0-37.547,30.72-68.267,68.267-68.267H383c37.547,0,68.267,30.72,68.267,68.267v8.533 C451.267,447.853,447.853,451.267,442.733,451.267z"/> </g> <g> <polygon style="fill:#63D3FD;" points="24.6,502.467 127,502.467 127,434.2 24.6,434.2 "/> <polygon style="fill:#63D3FD;" points="203.8,502.467 306.2,502.467 306.2,434.2 203.8,434.2 "/> <polygon style="fill:#63D3FD;" points="383,502.467 485.4,502.467 485.4,434.2 383,434.2 "/> </g> <g> <polygon style="fill:#3DB9F9;" points="459.8,502.467 485.4,502.467 485.4,434.2 459.8,434.2 "/> <polygon style="fill:#3DB9F9;" points="24.6,502.467 50.2,502.467 50.2,434.2 24.6,434.2 "/> </g> <g> <polygon style="fill:#FFE100;" points="75.8,272.067 434.2,272.067 434.2,186.733 75.8,186.733 "/> <polygon style="fill:#FFE100;" points="24.6,92.867 485.4,92.867 485.4,7.533 24.6,7.533 "/> </g> <g> <polygon style="fill:#FFA800;" points="408.6,272.067 434.2,272.067 434.2,186.733 408.6,186.733 "/> <polygon style="fill:#FFA800;" points="459.8,92.867 485.4,92.867 485.4,7.533 459.8,7.533 "/> </g> <g> <polygon style="fill:#FFFFFF;" points="75.8,272.067 101.4,272.067 101.4,186.733 75.8,186.733 "/> <polygon style="fill:#FFFFFF;" points="24.6,92.867 50.2,92.867 50.2,7.533 24.6,7.533 "/> </g> <path d="M255,442.733c-5.12,0-8.533-3.413-8.533-8.533V272.067c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533V434.2 C263.533,439.32,260.12,442.733,255,442.733z"/> <path d="M434.2,442.733c-5.12,0-8.533-3.413-8.533-8.533v-8.533c0-28.16-23.04-51.2-51.2-51.2H135.533 c-28.16,0-51.2,23.04-51.2,51.2v8.533c0,5.12-3.413,8.533-8.533,8.533c-5.12,0-8.533-3.413-8.533-8.533v-8.533 c0-37.547,30.72-68.267,68.267-68.267h238.933c37.547,0,68.267,30.72,68.267,68.267v8.533 C442.733,439.32,439.32,442.733,434.2,442.733z"/> <path d="M434.2,280.6H75.8c-5.12,0-8.533-3.413-8.533-8.533v-85.333c0-5.12,3.413-8.533,8.533-8.533h358.4 c5.12,0,8.533,3.413,8.533,8.533v85.333C442.733,277.187,439.32,280.6,434.2,280.6z M84.333,263.533h341.333v-68.267H84.333 V263.533z"/> <path d="M255,195.267c-5.12,0-8.533-3.413-8.533-8.533V92.867c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533v93.867 C263.533,191.853,260.12,195.267,255,195.267z"/> <path d="M485.4,101.4H24.6c-5.12,0-8.533-3.413-8.533-8.533V7.533C16.067,2.413,19.48-1,24.6-1h460.8 c5.12,0,8.533,3.413,8.533,8.533v85.333C493.933,97.987,490.52,101.4,485.4,101.4z M33.133,84.333h443.733V16.067H33.133V84.333z" /> <path d="M127,511H24.6c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-5.12,3.413-8.533,8.533-8.533H127c5.12,0,8.533,3.413,8.533,8.533 v68.267C135.533,507.587,132.12,511,127,511z M33.133,493.933h85.333v-51.2H33.133V493.933z"/> <path d="M306.2,511H203.8c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533v68.267C314.733,507.587,311.32,511,306.2,511z M212.333,493.933h85.333v-51.2h-85.333V493.933z"/> <path d="M485.4,511H383c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533v68.267C493.933,507.587,490.52,511,485.4,511z M391.533,493.933h85.333v-51.2h-85.333V493.933z"/> </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
4.24 KB
2.98 KB
-30%
Prettify
Preferences
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/302033/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 transform="translate(1 1)"> <g> <path style="fill:#FFE100;" d="M263.533,195.267c-5.12,0-8.533-3.413-8.533-8.533V92.867c0-5.12,3.413-8.533,8.533-8.533 c5.12,0,8.533,3.413,8.533,8.533v93.867C272.067,191.853,268.653,195.267,263.533,195.267z"/> <path style="fill:#FFE100;" d="M263.533,451.267c-5.12,0-8.533-3.413-8.533-8.533V280.6c0-5.12,3.413-8.533,8.533-8.533 c5.12,0,8.533,3.413,8.533,8.533v162.133C272.067,447.853,268.653,451.267,263.533,451.267z"/> <path style="fill:#FFE100;" d="M442.733,451.267c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-28.16-23.04-51.2-51.2-51.2H144.067 c-28.16,0-51.2,23.04-51.2,51.2v8.533c0,5.12-3.413,8.533-8.533,8.533c-5.12,0-8.533-3.413-8.533-8.533V434.2 c0-37.547,30.72-68.267,68.267-68.267H383c37.547,0,68.267,30.72,68.267,68.267v8.533 C451.267,447.853,447.853,451.267,442.733,451.267z"/> </g> <g> <polygon style="fill:#63D3FD;" points="24.6,502.467 127,502.467 127,434.2 24.6,434.2 "/> <polygon style="fill:#63D3FD;" points="203.8,502.467 306.2,502.467 306.2,434.2 203.8,434.2 "/> <polygon style="fill:#63D3FD;" points="383,502.467 485.4,502.467 485.4,434.2 383,434.2 "/> </g> <g> <polygon style="fill:#3DB9F9;" points="459.8,502.467 485.4,502.467 485.4,434.2 459.8,434.2 "/> <polygon style="fill:#3DB9F9;" points="24.6,502.467 50.2,502.467 50.2,434.2 24.6,434.2 "/> </g> <g> <polygon style="fill:#FFE100;" points="75.8,272.067 434.2,272.067 434.2,186.733 75.8,186.733 "/> <polygon style="fill:#FFE100;" points="24.6,92.867 485.4,92.867 485.4,7.533 24.6,7.533 "/> </g> <g> <polygon style="fill:#FFA800;" points="408.6,272.067 434.2,272.067 434.2,186.733 408.6,186.733 "/> <polygon style="fill:#FFA800;" points="459.8,92.867 485.4,92.867 485.4,7.533 459.8,7.533 "/> </g> <g> <polygon style="fill:#FFFFFF;" points="75.8,272.067 101.4,272.067 101.4,186.733 75.8,186.733 "/> <polygon style="fill:#FFFFFF;" points="24.6,92.867 50.2,92.867 50.2,7.533 24.6,7.533 "/> </g> <path d="M255,442.733c-5.12,0-8.533-3.413-8.533-8.533V272.067c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533V434.2 C263.533,439.32,260.12,442.733,255,442.733z"/> <path d="M434.2,442.733c-5.12,0-8.533-3.413-8.533-8.533v-8.533c0-28.16-23.04-51.2-51.2-51.2H135.533 c-28.16,0-51.2,23.04-51.2,51.2v8.533c0,5.12-3.413,8.533-8.533,8.533c-5.12,0-8.533-3.413-8.533-8.533v-8.533 c0-37.547,30.72-68.267,68.267-68.267h238.933c37.547,0,68.267,30.72,68.267,68.267v8.533 C442.733,439.32,439.32,442.733,434.2,442.733z"/> <path d="M434.2,280.6H75.8c-5.12,0-8.533-3.413-8.533-8.533v-85.333c0-5.12,3.413-8.533,8.533-8.533h358.4 c5.12,0,8.533,3.413,8.533,8.533v85.333C442.733,277.187,439.32,280.6,434.2,280.6z M84.333,263.533h341.333v-68.267H84.333 V263.533z"/> <path d="M255,195.267c-5.12,0-8.533-3.413-8.533-8.533V92.867c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533v93.867 C263.533,191.853,260.12,195.267,255,195.267z"/> <path d="M485.4,101.4H24.6c-5.12,0-8.533-3.413-8.533-8.533V7.533C16.067,2.413,19.48-1,24.6-1h460.8 c5.12,0,8.533,3.413,8.533,8.533v85.333C493.933,97.987,490.52,101.4,485.4,101.4z M33.133,84.333h443.733V16.067H33.133V84.333z" /> <path d="M127,511H24.6c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-5.12,3.413-8.533,8.533-8.533H127c5.12,0,8.533,3.413,8.533,8.533 v68.267C135.533,507.587,132.12,511,127,511z M33.133,493.933h85.333v-51.2H33.133V493.933z"/> <path d="M306.2,511H203.8c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533v68.267C314.733,507.587,311.32,511,306.2,511z M212.333,493.933h85.333v-51.2h-85.333V493.933z"/> <path d="M485.4,511H383c-5.12,0-8.533-3.413-8.533-8.533V434.2c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533v68.267C493.933,507.587,490.52,511,485.4,511z M391.533,493.933h85.333v-51.2h-85.333V493.933z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download