Add icons to this collection by clicking the heart icon.
Infographic Elements icon - also known as diagram, arrows, graph, left, right, infographic, element, and infographic elements. Created in a clean 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 64 64"
>
<defs>
<linearGradient
id="a"
x1="21"
x2="21"
y1="64.699"
y2="5.374"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="50"
x2="50"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="c"
x1="14"
x2="14"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="d"
x1="43"
x2="43"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="e"
x1="46"
x2="46"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="f"
x1="18"
x2="18"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="g"
x1="12"
x2="12"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="h"
x1="16"
x2="16"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="i"
x1="48"
x2="48"
y1="64.699"
y2="5.374"
href="#a"
/>
<linearGradient
id="j"
x1="52"
x2="52"
y1="64.699"
y2="5.374"
href="#a"
/>
</defs>
<path
d="M28 26a1 1 0 0 1-1-1v-3H8.657a3.02 3.02 0 0 0-2.121.878l-2.829 2.829A1 1 0 0 1 2 25V15a9.011 9.011 0 0 1 9-9h16V3a1 1 0 0 1 1.707-.707l11 11a1 1 0 0 1 0 1.414l-11 11A1 1 0 0 1 28 26ZM11 8a7.008 7.008 0 0 0-7 7v7.586l1.122-1.122A4.966 4.966 0 0 1 8.657 20H28a1 1 0 0 1 1 1v1.586L37.586 14 29 5.414V7a1 1 0 0 1-1 1Z"
fill="url(#a)"
/>
<path
d="M50 40a1 1 0 0 1-.707-.293l-11-11A1 1 0 0 1 39 27h3V8.657a3.02 3.02 0 0 0-.878-2.121l-2.829-2.829A1 1 0 0 1 39 2h10a9.011 9.011 0 0 1 9 9v16h3a1 1 0 0 1 .707 1.707l-11 11A1 1 0 0 1 50 40Zm-8.586-11L50 37.586 58.586 29H57a1 1 0 0 1-1-1V11a7.008 7.008 0 0 0-7-7h-7.586l1.122 1.122A4.966 4.966 0 0 1 44 8.657V28a1 1 0 0 1-1 1Z"
fill="url(#b)"
/>
<path
d="M25 62H15a9.011 9.011 0 0 1-9-9V37H3a1 1 0 0 1-.707-1.707l11-11a1 1 0 0 1 1.414 0l11 11A1 1 0 0 1 25 37h-3v18.343a3.02 3.02 0 0 0 .878 2.121l2.829 2.829A1 1 0 0 1 25 62ZM5.414 35H7a1 1 0 0 1 1 1v17a7.008 7.008 0 0 0 7 7h7.586l-1.122-1.122A4.966 4.966 0 0 1 20 55.343V36a1 1 0 0 1 1-1h1.586L14 26.414Z"
fill="url(#c)"
/>
<path
d="M36 62a1 1 0 0 1-.707-.293l-11-11a1 1 0 0 1 0-1.414l11-11A1 1 0 0 1 37 39v3h18.343a3.02 3.02 0 0 0 2.121-.878l2.829-2.829A1 1 0 0 1 62 39v10a9.011 9.011 0 0 1-9 9H37v3a1 1 0 0 1-1 1Zm-9.586-12L35 58.586V57a1 1 0 0 1 1-1h17a7.008 7.008 0 0 0 7-7v-7.586l-1.122 1.122A4.966 4.966 0 0 1 55.343 44H36a1 1 0 0 1-1-1v-1.586Z"
fill="url(#d)"
/>
<path
d="M52 49H40a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2ZM52 53H40a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2Z"
fill="url(#e)"
/>
<path
d="M24 13H12a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2ZM24 17H12a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2Z"
fill="url(#f)"
/>
<path
d="M12 53a1 1 0 0 1-1-1V40a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1Z"
fill="url(#g)"
/>
<path
d="M16 53a1 1 0 0 1-1-1V40a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1Z"
fill="url(#h)"
/>
<path
d="M48 25a1 1 0 0 1-1-1V12a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1Z"
fill="url(#i)"
/>
<path
d="M52 25a1 1 0 0 1-1-1V12a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1Z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category