SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
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
6.41 KB
4.67 KB
-27%
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/302093/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="M118.467,182.467c-2.56,0-4.267-0.853-5.973-2.56L69.827,137.24c-3.413-3.413-3.413-8.533,0-11.947 c3.413-3.413,8.533-3.413,11.947,0l42.667,42.667c3.413,3.413,3.413,8.533,0,11.947 C122.733,181.613,121.027,182.467,118.467,182.467z"/> <path style="fill:#FFE100;" d="M75.8,293.4c-2.56,0-4.267-0.853-5.973-2.56c-3.413-3.413-3.413-8.533,0-11.947l42.667-42.667 c3.413-3.413,8.533-3.413,11.947,0s3.413,8.533,0,11.947L81.773,290.84C80.067,292.547,78.36,293.4,75.8,293.4z"/> <path style="fill:#FFE100;" d="M442.733,327.533c-0.853,0-0.853,0-1.707,0c-4.267-0.853-7.68-5.12-6.827-10.24l8.533-42.667 c0.853-4.267,5.12-7.68,10.24-6.827c4.267,0.853,7.68,5.12,6.827,10.24l-8.533,42.667 C450.413,324.973,447,327.533,442.733,327.533z"/> <path style="fill:#FFE100;" d="M442.733,216.6c-1.707,0-3.413,0-4.267-1.707L370.2,172.227c-4.267-2.56-5.12-7.68-2.56-11.947 c2.56-4.267,7.68-5.12,11.947-2.56l68.267,42.667c4.267,2.56,5.12,7.68,2.56,11.947C448.707,214.893,445.293,216.6,442.733,216.6z "/> <path style="fill:#FFE100;" d="M178.2,216.6c-2.56,0-5.973-1.707-7.68-4.267c-2.56-4.267-0.853-9.387,2.56-11.947l128-76.8 c5.12-1.707,10.24-0.853,12.8,3.413c1.707,4.267,0.853,9.387-3.413,11.947l-128,76.8C181.613,216.6,179.907,216.6,178.2,216.6z"/> </g> <g> <polygon style="fill:#63D3FD;" points="7.533,353.133 127,353.133 127,284.867 7.533,284.867 "/> <polygon style="fill:#63D3FD;" points="50.2,242.2 169.667,242.2 169.667,173.933 50.2,173.933 "/> <polygon style="fill:#63D3FD;" points="391.533,387.267 476.867,387.267 476.867,319 391.533,319 "/> </g> <g> <polygon style="fill:#FFE100;" points="7.533,131.267 127,131.267 127,63 7.533,63 "/> <polygon style="fill:#FFE100;" points="297.667,165.4 434.2,165.4 434.2,97.133 297.667,97.133 "/> <polygon style="fill:#FFE100;" points="365.933,276.333 502.467,276.333 502.467,208.067 365.933,208.067 "/> </g> <g> <polygon style="fill:#FFA800;" points="408.6,165.4 434.2,165.4 434.2,97.133 408.6,97.133 "/> <polygon style="fill:#FFA800;" points="476.867,276.333 502.467,276.333 502.467,208.067 476.867,208.067 "/> </g> <polygon style="fill:#FFFFFF;" points="7.533,131.267 33.133,131.267 33.133,63 7.533,63 "/> <polygon style="fill:#3DB9F9;" points="451.267,395.8 476.867,395.8 476.867,327.533 451.267,327.533 "/> <g> <polygon style="fill:#FFFFFF;" points="7.533,353.133 33.133,353.133 33.133,284.867 7.533,284.867 "/> <polygon style="fill:#FFFFFF;" points="50.2,242.2 75.8,242.2 75.8,173.933 50.2,173.933 "/> </g> <g> <path style="fill:#FFE100;" d="M323.267,447H186.733v-51.2c0-37.547,30.72-68.267,68.267-68.267s68.267,30.72,68.267,68.267V447z" /> <path style="fill:#FFE100;" d="M306.2,276.333c0,28.16-23.04,51.2-51.2,51.2s-51.2-23.04-51.2-51.2s23.04-51.2,51.2-51.2 S306.2,248.173,306.2,276.333"/> </g> <path d="M323.267,455.533H186.733c-5.12,0-8.533-3.413-8.533-8.533v-51.2c0-42.667,34.133-76.8,76.8-76.8s76.8,34.133,76.8,76.8 V447C331.8,452.12,328.387,455.533,323.267,455.533z M195.267,438.467h119.467V395.8c0-33.28-26.453-59.733-59.733-59.733 s-59.733,26.453-59.733,59.733V438.467z"/> <path d="M255,336.067c-33.28,0-59.733-26.453-59.733-59.733S221.72,216.6,255,216.6s59.733,26.453,59.733,59.733 S288.28,336.067,255,336.067z M255,233.667c-23.893,0-42.667,18.773-42.667,42.667S231.107,319,255,319 s42.667-18.773,42.667-42.667S278.893,233.667,255,233.667z"/> <path d="M127,361.667H7.533c-5.12,0-8.533-3.413-8.533-8.533v-68.267c0-5.12,3.413-8.533,8.533-8.533H127 c5.12,0,8.533,3.413,8.533,8.533v68.267C135.533,358.253,132.12,361.667,127,361.667z M16.067,344.6h102.4v-51.2h-102.4V344.6z"/> <path d="M127,139.8H7.533c-5.12,0-8.533-3.413-8.533-8.533V63c0-5.12,3.413-8.533,8.533-8.533H127c5.12,0,8.533,3.413,8.533,8.533 v68.267C135.533,136.387,132.12,139.8,127,139.8z M16.067,122.733h102.4v-51.2h-102.4V122.733z"/> <path d="M169.667,250.733H50.2c-5.12,0-8.533-3.413-8.533-8.533v-68.267c0-5.12,3.413-8.533,8.533-8.533h119.467 c5.12,0,8.533,3.413,8.533,8.533V242.2C178.2,247.32,174.787,250.733,169.667,250.733z M58.733,233.667h102.4v-51.2h-102.4V233.667 z"/> <path d="M434.2,173.933H297.667c-5.12,0-8.533-3.413-8.533-8.533V97.133c0-5.12,3.413-8.533,8.533-8.533H434.2 c5.12,0,8.533,3.413,8.533,8.533V165.4C442.733,170.52,439.32,173.933,434.2,173.933z M306.2,156.867h119.467v-51.2H306.2V156.867z "/> <path d="M502.467,284.867H365.933c-5.12,0-8.533-3.413-8.533-8.533v-68.267c0-5.12,3.413-8.533,8.533-8.533h136.533 c5.12,0,8.533,3.413,8.533,8.533v68.267C511,281.453,507.587,284.867,502.467,284.867z M374.467,267.8h119.467v-51.2H374.467V267.8 z"/> <path d="M476.867,395.8h-85.333c-5.12,0-8.533-3.413-8.533-8.533V319c0-5.12,3.413-8.533,8.533-8.533h85.333 c5.12,0,8.533,3.413,8.533,8.533v68.267C485.4,392.387,481.987,395.8,476.867,395.8z M400.067,378.733h68.267v-51.2h-68.267 V378.733z"/> <path d="M109.933,182.467c-2.56,0-4.267-0.853-5.973-2.56L61.293,137.24c-3.413-3.413-3.413-8.533,0-11.947s8.533-3.413,11.947,0 l42.667,42.667c3.413,3.413,3.413,8.533,0,11.947C114.2,181.613,112.493,182.467,109.933,182.467z"/> <path d="M67.267,293.4c-2.56,0-4.267-0.853-5.973-2.56c-3.413-3.413-3.413-8.533,0-11.947l42.667-42.667 c3.413-3.413,8.533-3.413,11.947,0s3.413,8.533,0,11.947L73.24,290.84C71.533,292.547,69.827,293.4,67.267,293.4z"/> <path d="M434.2,327.533c-0.853,0-0.853,0-1.707,0c-4.267-0.853-7.68-5.12-6.827-10.24l8.533-42.667 c0.853-4.267,5.12-7.68,10.24-6.827c4.267,0.853,7.68,5.12,6.827,10.24l-8.533,42.667 C441.88,324.973,438.467,327.533,434.2,327.533z"/> <path d="M434.2,216.6c-1.707,0-3.413,0-4.267-1.707l-68.267-42.667c-4.267-2.56-5.12-7.68-2.56-11.947 c2.56-4.267,7.68-5.12,11.947-2.56l68.267,42.667c4.267,2.56,5.12,7.68,2.56,11.947C440.173,214.893,436.76,216.6,434.2,216.6z"/> <path d="M169.667,216.6c-2.56,0-5.973-1.707-7.68-4.267c-2.56-4.267-0.853-9.387,2.56-11.947l128-76.8 c5.12-1.707,10.24-0.853,12.8,3.413c1.707,4.267,0.853,9.387-3.413,11.947l-128,76.8C173.08,216.6,171.373,216.6,169.667,216.6z"/> </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
6.41 KB
4.67 KB
-27%
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/302093/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="M118.467,182.467c-2.56,0-4.267-0.853-5.973-2.56L69.827,137.24c-3.413-3.413-3.413-8.533,0-11.947 c3.413-3.413,8.533-3.413,11.947,0l42.667,42.667c3.413,3.413,3.413,8.533,0,11.947 C122.733,181.613,121.027,182.467,118.467,182.467z"/> <path style="fill:#FFE100;" d="M75.8,293.4c-2.56,0-4.267-0.853-5.973-2.56c-3.413-3.413-3.413-8.533,0-11.947l42.667-42.667 c3.413-3.413,8.533-3.413,11.947,0s3.413,8.533,0,11.947L81.773,290.84C80.067,292.547,78.36,293.4,75.8,293.4z"/> <path style="fill:#FFE100;" d="M442.733,327.533c-0.853,0-0.853,0-1.707,0c-4.267-0.853-7.68-5.12-6.827-10.24l8.533-42.667 c0.853-4.267,5.12-7.68,10.24-6.827c4.267,0.853,7.68,5.12,6.827,10.24l-8.533,42.667 C450.413,324.973,447,327.533,442.733,327.533z"/> <path style="fill:#FFE100;" d="M442.733,216.6c-1.707,0-3.413,0-4.267-1.707L370.2,172.227c-4.267-2.56-5.12-7.68-2.56-11.947 c2.56-4.267,7.68-5.12,11.947-2.56l68.267,42.667c4.267,2.56,5.12,7.68,2.56,11.947C448.707,214.893,445.293,216.6,442.733,216.6z "/> <path style="fill:#FFE100;" d="M178.2,216.6c-2.56,0-5.973-1.707-7.68-4.267c-2.56-4.267-0.853-9.387,2.56-11.947l128-76.8 c5.12-1.707,10.24-0.853,12.8,3.413c1.707,4.267,0.853,9.387-3.413,11.947l-128,76.8C181.613,216.6,179.907,216.6,178.2,216.6z"/> </g> <g> <polygon style="fill:#63D3FD;" points="7.533,353.133 127,353.133 127,284.867 7.533,284.867 "/> <polygon style="fill:#63D3FD;" points="50.2,242.2 169.667,242.2 169.667,173.933 50.2,173.933 "/> <polygon style="fill:#63D3FD;" points="391.533,387.267 476.867,387.267 476.867,319 391.533,319 "/> </g> <g> <polygon style="fill:#FFE100;" points="7.533,131.267 127,131.267 127,63 7.533,63 "/> <polygon style="fill:#FFE100;" points="297.667,165.4 434.2,165.4 434.2,97.133 297.667,97.133 "/> <polygon style="fill:#FFE100;" points="365.933,276.333 502.467,276.333 502.467,208.067 365.933,208.067 "/> </g> <g> <polygon style="fill:#FFA800;" points="408.6,165.4 434.2,165.4 434.2,97.133 408.6,97.133 "/> <polygon style="fill:#FFA800;" points="476.867,276.333 502.467,276.333 502.467,208.067 476.867,208.067 "/> </g> <polygon style="fill:#FFFFFF;" points="7.533,131.267 33.133,131.267 33.133,63 7.533,63 "/> <polygon style="fill:#3DB9F9;" points="451.267,395.8 476.867,395.8 476.867,327.533 451.267,327.533 "/> <g> <polygon style="fill:#FFFFFF;" points="7.533,353.133 33.133,353.133 33.133,284.867 7.533,284.867 "/> <polygon style="fill:#FFFFFF;" points="50.2,242.2 75.8,242.2 75.8,173.933 50.2,173.933 "/> </g> <g> <path style="fill:#FFE100;" d="M323.267,447H186.733v-51.2c0-37.547,30.72-68.267,68.267-68.267s68.267,30.72,68.267,68.267V447z" /> <path style="fill:#FFE100;" d="M306.2,276.333c0,28.16-23.04,51.2-51.2,51.2s-51.2-23.04-51.2-51.2s23.04-51.2,51.2-51.2 S306.2,248.173,306.2,276.333"/> </g> <path d="M323.267,455.533H186.733c-5.12,0-8.533-3.413-8.533-8.533v-51.2c0-42.667,34.133-76.8,76.8-76.8s76.8,34.133,76.8,76.8 V447C331.8,452.12,328.387,455.533,323.267,455.533z M195.267,438.467h119.467V395.8c0-33.28-26.453-59.733-59.733-59.733 s-59.733,26.453-59.733,59.733V438.467z"/> <path d="M255,336.067c-33.28,0-59.733-26.453-59.733-59.733S221.72,216.6,255,216.6s59.733,26.453,59.733,59.733 S288.28,336.067,255,336.067z M255,233.667c-23.893,0-42.667,18.773-42.667,42.667S231.107,319,255,319 s42.667-18.773,42.667-42.667S278.893,233.667,255,233.667z"/> <path d="M127,361.667H7.533c-5.12,0-8.533-3.413-8.533-8.533v-68.267c0-5.12,3.413-8.533,8.533-8.533H127 c5.12,0,8.533,3.413,8.533,8.533v68.267C135.533,358.253,132.12,361.667,127,361.667z M16.067,344.6h102.4v-51.2h-102.4V344.6z"/> <path d="M127,139.8H7.533c-5.12,0-8.533-3.413-8.533-8.533V63c0-5.12,3.413-8.533,8.533-8.533H127c5.12,0,8.533,3.413,8.533,8.533 v68.267C135.533,136.387,132.12,139.8,127,139.8z M16.067,122.733h102.4v-51.2h-102.4V122.733z"/> <path d="M169.667,250.733H50.2c-5.12,0-8.533-3.413-8.533-8.533v-68.267c0-5.12,3.413-8.533,8.533-8.533h119.467 c5.12,0,8.533,3.413,8.533,8.533V242.2C178.2,247.32,174.787,250.733,169.667,250.733z M58.733,233.667h102.4v-51.2h-102.4V233.667 z"/> <path d="M434.2,173.933H297.667c-5.12,0-8.533-3.413-8.533-8.533V97.133c0-5.12,3.413-8.533,8.533-8.533H434.2 c5.12,0,8.533,3.413,8.533,8.533V165.4C442.733,170.52,439.32,173.933,434.2,173.933z M306.2,156.867h119.467v-51.2H306.2V156.867z "/> <path d="M502.467,284.867H365.933c-5.12,0-8.533-3.413-8.533-8.533v-68.267c0-5.12,3.413-8.533,8.533-8.533h136.533 c5.12,0,8.533,3.413,8.533,8.533v68.267C511,281.453,507.587,284.867,502.467,284.867z M374.467,267.8h119.467v-51.2H374.467V267.8 z"/> <path d="M476.867,395.8h-85.333c-5.12,0-8.533-3.413-8.533-8.533V319c0-5.12,3.413-8.533,8.533-8.533h85.333 c5.12,0,8.533,3.413,8.533,8.533v68.267C485.4,392.387,481.987,395.8,476.867,395.8z M400.067,378.733h68.267v-51.2h-68.267 V378.733z"/> <path d="M109.933,182.467c-2.56,0-4.267-0.853-5.973-2.56L61.293,137.24c-3.413-3.413-3.413-8.533,0-11.947s8.533-3.413,11.947,0 l42.667,42.667c3.413,3.413,3.413,8.533,0,11.947C114.2,181.613,112.493,182.467,109.933,182.467z"/> <path d="M67.267,293.4c-2.56,0-4.267-0.853-5.973-2.56c-3.413-3.413-3.413-8.533,0-11.947l42.667-42.667 c3.413-3.413,8.533-3.413,11.947,0s3.413,8.533,0,11.947L73.24,290.84C71.533,292.547,69.827,293.4,67.267,293.4z"/> <path d="M434.2,327.533c-0.853,0-0.853,0-1.707,0c-4.267-0.853-7.68-5.12-6.827-10.24l8.533-42.667 c0.853-4.267,5.12-7.68,10.24-6.827c4.267,0.853,7.68,5.12,6.827,10.24l-8.533,42.667 C441.88,324.973,438.467,327.533,434.2,327.533z"/> <path d="M434.2,216.6c-1.707,0-3.413,0-4.267-1.707l-68.267-42.667c-4.267-2.56-5.12-7.68-2.56-11.947 c2.56-4.267,7.68-5.12,11.947-2.56l68.267,42.667c4.267,2.56,5.12,7.68,2.56,11.947C440.173,214.893,436.76,216.6,434.2,216.6z"/> <path d="M169.667,216.6c-2.56,0-5.973-1.707-7.68-4.267c-2.56-4.267-0.853-9.387,2.56-11.947l128-76.8 c5.12-1.707,10.24-0.853,12.8,3.413c1.707,4.267,0.853,9.387-3.413,11.947l-128,76.8C173.08,216.6,171.373,216.6,169.667,216.6z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG