Add icons to this collection by clicking the heart icon.
Hierarchy icon - also known as structure, organization, organized, hierarchy, webpage, erp, infrastructure, automation, seo and web, and automated process. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 74 74"
>
<linearGradient id="a">
<stop offset="0" stop-color="#eff2f8" />
<stop offset="1" stop-color="#d8dfea" />
</linearGradient>
<linearGradient
id="d"
x1="25.093"
x2="57.013"
y1="8.055"
y2="47.612"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="20.138"
x2="47.173"
y1=".918"
y2="14.206"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#947bff" />
<stop offset="1" stop-color="#63f" />
</linearGradient>
<linearGradient
id="f"
x1="17.722"
x2="20.236"
y1="8.743"
y2="8.913"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#555a60" />
<stop offset="1" stop-color="#3f444c" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffdc85" />
<stop offset="1" stop-color="#fc3" />
</linearGradient>
<linearGradient
id="g"
x1="21.735"
x2="24.25"
y1="8.743"
y2="8.913"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="25.749"
x2="28.263"
y1="8.743"
y2="8.913"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#eff2f8" />
</linearGradient>
<linearGradient
id="i"
x1="37.036"
x2="36.904"
y1="17.085"
y2="27.077"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="48.66"
x2="48.66"
y1="17.007"
y2="27.135"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#696c70" />
<stop offset="1" stop-color="#3f444c" />
</linearGradient>
<linearGradient
id="k"
x1="11.134"
x2="15.422"
y1="54.836"
y2="68.286"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9ce3ff" />
<stop offset="1" stop-color="#6cf" />
</linearGradient>
<linearGradient
id="l"
x1="34.603"
x2="38.892"
y1="54.836"
y2="68.286"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="58.073"
x2="62.361"
y1="54.836"
y2="68.286"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64e88c" />
<stop offset="1" stop-color="#3c6" />
</linearGradient>
<linearGradient
id="n"
x1="34.264"
x2="39.736"
y1="49.279"
y2="49.279"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7171" />
<stop offset="1" stop-color="#f33" />
</linearGradient>
<linearGradient
id="o"
x1="10.794"
x2="16.266"
y1="49.279"
y2="49.279"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="57.734"
x2="63.206"
y1="49.279"
y2="49.279"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="7.033"
x2="20.028"
y1="62.353"
y2="62.353"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="7.033"
x2="20.028"
y1="59.381"
y2="59.381"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="7.033"
x2="20.028"
y1="65.325"
y2="65.325"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="30.503"
x2="43.497"
y1="62.353"
y2="62.353"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="30.503"
x2="43.497"
y1="59.381"
y2="59.381"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="30.503"
x2="43.497"
y1="65.325"
y2="65.325"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="53.972"
x2="66.967"
y1="62.353"
y2="62.353"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="53.972"
x2="66.967"
y1="59.381"
y2="59.381"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="53.972"
x2="66.967"
y1="65.325"
y2="65.325"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="#3f444c"
d="M14.28 62.35h-1.5V48.53h48.44v13.5h-1.5v-12H14.28z"
/>
<path fill="#3f444c" d="M36.25 35.7h1.5v25.55h-1.5z" />
<path
fill="url(#d)"
d="M58.4 6.92V38.7c0 1.1-.9 2-2 2H17.6c-1.1 0-2-.9-2-2V6.92c0-1.1.9-2 2-2h38.8c1.1 0 2 .9 2 2z"
/>
<path
fill="url(#e)"
d="M58.4 12.74V6.92c0-1.1-.9-2-2-2H17.6c-1.1 0-2 .9-2 2v5.81h42.8z"
/>
<path
fill="#5634e8"
d="M55.52 8.83c0 .49-.41.9-.9.9H31.68a.91.91 0 0 1-.9-.9c0-.5.41-.9.9-.9h22.93c.5 0 .91.39.91.9z"
/>
<path
fill="url(#f)"
d="M20.24 8.84c0 .69-.57 1.23-1.26 1.23s-1.26-.54-1.26-1.23c0-.72.57-1.26 1.26-1.26s1.26.54 1.26 1.26z"
/>
<path
fill="url(#g)"
d="M24.25 8.84c0 .69-.57 1.23-1.26 1.23s-1.26-.54-1.26-1.23c0-.72.57-1.26 1.26-1.26s1.26.54 1.26 1.26z"
/>
<path
fill="url(#h)"
d="M28.27 8.84c0 .69-.57 1.23-1.26 1.23s-1.26-.54-1.26-1.23c0-.72.57-1.26 1.26-1.26s1.26.54 1.26 1.26z"
/>
<g fill="#ccf">
<path
d="M29.03 25.79v5.74c0 .53-.43.95-.95.95h-8.57a.95.95 0 0 1-.95-.95v-5.74c0-.53.43-.95.95-.95h8.57c.53-.01.95.42.95.95zM42.24 25.79v5.74c0 .53-.43.95-.95.95h-8.57a.95.95 0 0 1-.95-.95v-5.74c0-.53.43-.95.95-.95h8.57c.52-.01.95.42.95.95zM55.45 25.79v5.74c0 .53-.43.95-.95.95h-8.57a.95.95 0 0 1-.95-.95v-5.74c0-.53.43-.95.95-.95h8.57c.52-.01.95.42.95.95zM29.04 34.59c0 .31-.25.55-.56.55h-9.36c-.3 0-.55-.24-.55-.55s.25-.55.55-.55h9.36c.3 0 .56.24.56.55zM29.04 37.25c0 .31-.25.55-.56.55h-9.36c-.3 0-.55-.24-.55-.55s.25-.55.55-.55h9.36c.3 0 .56.24.56.55zM42.24 34.59c0 .31-.25.55-.56.55h-9.36c-.3 0-.55-.24-.55-.55s.25-.55.55-.55h9.36c.31 0 .56.24.56.55zM42.24 37.25c0 .31-.25.55-.56.55h-9.36c-.3 0-.55-.24-.55-.55s.25-.55.55-.55h9.36c.31 0 .56.24.56.55zM55.45 34.59c0 .31-.25.55-.56.55h-9.36c-.3 0-.55-.24-.55-.55s.25-.55.55-.55h9.36c.3 0 .56.24.56.55zM55.45 37.25c0 .31-.25.55-.56.55h-9.36c-.3 0-.55-.24-.55-.55s.25-.55.55-.55h9.36c.3 0 .56.24.56.55z"
/>
</g>
<path
fill="url(#i)"
d="M51.39 17.86v3.85c0 .41-.33.74-.74.74h-27.3c-.41 0-.74-.33-.74-.74v-3.85c0-.41.33-.74.74-.74h27.3c.41.01.74.34.74.74z"
/>
<path
fill="url(#j)"
d="M50.65 17.13h-3.98c-.41 0-.74.33-.74.74v3.85c0 .41.33.74.74.74h3.98c.41 0 .74-.33.74-.74v-3.85c0-.41-.33-.74-.74-.74z"
/>
<path
fill="#fff"
d="m50.34 21.11-.99-.99c.35-.52.3-1.23-.16-1.69-.52-.52-1.37-.53-1.89-.01s-.52 1.37.01 1.89c.46.46 1.17.51 1.69.16l.99.99c.1.1.26.1.36 0 .09-.09.09-.25-.01-.35zm-2.68-1.16c-.32-.32-.33-.85-.01-1.17s.84-.32 1.17.01a.82.82 0 0 1-1.16 1.16z"
/>
<path
fill="url(#k)"
d="M22.06 57.18v10.34c0 .86-.7 1.55-1.55 1.55H6.55C5.7 69.08 5 68.38 5 67.52V57.18c0-.86.7-1.55 1.55-1.55h13.96c.86 0 1.55.69 1.55 1.55z"
/>
<path
fill="url(#l)"
d="M45.53 57.18v10.34c0 .86-.7 1.55-1.55 1.55H30.02c-.86 0-1.55-.7-1.55-1.55V57.18c0-.86.7-1.55 1.55-1.55h13.96c.86 0 1.55.69 1.55 1.55z"
/>
<path
fill="url(#m)"
d="M69 57.18v10.34c0 .86-.7 1.55-1.55 1.55H53.49c-.86 0-1.55-.7-1.55-1.55V57.18c0-.86.7-1.55 1.55-1.55h13.96c.85 0 1.55.69 1.55 1.55z"
/>
<path
fill="url(#n)"
d="M39.74 47.54v3.48c0 .55-.45 1-1 1h-3.47c-.55 0-1-.45-1-1v-3.48c0-.55.45-1 1-1h3.47c.55 0 1 .45 1 1z"
/>
<path
fill="url(#o)"
d="M16.27 47.54v3.48c0 .55-.45 1-1 1H11.8c-.55 0-1-.45-1-1v-3.48c0-.55.45-1 1-1h3.47c.55 0 1 .45 1 1z"
/>
<path
fill="url(#p)"
d="M63.21 47.54v3.48c0 .55-.45 1-1 1h-3.47c-.55 0-1-.45-1-1v-3.48c0-.55.45-1 1-1h3.47c.55 0 1 .45 1 1z"
/>
<path
fill="url(#q)"
d="M20.03 62.35c0 .39-.31.68-.7.68H7.72a.68.68 0 0 1 0-1.36h11.61c.38 0 .7.3.7.68z"
/>
<path
fill="url(#r)"
d="M20.03 59.38c0 .39-.31.68-.7.68H7.72a.68.68 0 0 1 0-1.36h11.61c.38 0 .7.29.7.68z"
/>
<path
fill="url(#s)"
d="M20.03 65.33c0 .39-.31.68-.7.68H7.72a.68.68 0 0 1 0-1.36h11.61c.38-.01.7.29.7.68z"
/>
<path
fill="url(#t)"
d="M43.5 62.35c0 .39-.31.68-.7.68H31.19a.68.68 0 0 1 0-1.36H42.8c.38 0 .7.3.7.68z"
/>
<path
fill="url(#u)"
d="M43.5 59.38c0 .39-.31.68-.7.68H31.19a.68.68 0 0 1 0-1.36H42.8c.38 0 .7.29.7.68z"
/>
<path
fill="url(#v)"
d="M43.5 65.33c0 .39-.31.68-.7.68H31.19a.68.68 0 0 1 0-1.36H42.8c.38-.01.7.29.7.68z"
/>
<path
fill="url(#w)"
d="M66.97 62.35c0 .39-.31.68-.7.68H54.66a.68.68 0 0 1 0-1.36h11.61c.38 0 .7.3.7.68z"
/>
<path
fill="url(#x)"
d="M66.97 59.38c0 .39-.31.68-.7.68H54.66a.68.68 0 0 1 0-1.36h11.61c.38 0 .7.29.7.68z"
/>
<path
fill="url(#y)"
d="M66.97 65.33c0 .39-.31.68-.7.68H54.66a.68.68 0 0 1 0-1.36h11.61c.38-.01.7.29.7.68z"
/>
</svg>
More icons in the same style and category