Add icons to this collection by clicking the heart icon.
Infographic Elements icon - also known as message, diagram, arrows, text, infographic, inbox, 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"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="65.002"
y2="1.896"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="50" x2="50" y1="65.002" y2="1.896" href="#a" />
<linearGradient id="c" x1="14" x2="14" y1="65.002" y2="1.896" href="#a" />
<linearGradient id="d" x1="16" x2="16" y1="65.002" y2="1.896" href="#a" />
<linearGradient id="e" x1="48" x2="48" y1="65.002" y2="1.896" href="#a" />
<g fill="url(#a)">
<path
d="M37 15H27a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-9-2h8v-2h-8zM37 19H27a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM37 50H27a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-9-2h8v-2h-8zM37 54H27a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="url(#b)"
d="M55 33H45a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-9-2h8v-2h-8zM55 37H45a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M19 33H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-9-2h8v-2h-8zM19 37H9a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
<path
fill="url(#a)"
d="M32 30a1 1 0 0 1-.63-.224C30.906 29.4 20 20.477 20 14a12 12 0 0 1 24 0c0 6.477-10.906 15.4-11.37 15.776A1 1 0 0 1 32 30zm0-26a10.011 10.011 0 0 0-10 10c0 4.3 6.712 10.9 10 13.7 3.288-2.8 10-9.407 10-13.7A10.011 10.011 0 0 0 32 4z"
/>
<path
fill="url(#d)"
d="M14 44a12 12 0 0 1 0-24c6.477 0 15.4 10.906 15.776 11.37a1 1 0 0 1 0 1.26C29.4 33.094 20.477 44 14 44zm0-22a10 10 0 0 0 0 20c4.3 0 10.9-6.712 13.7-10-2.8-3.288-9.408-10-13.7-10z"
/>
<path
fill="url(#a)"
d="M32 62a12.013 12.013 0 0 1-12-12c0-6.477 10.906-15.4 11.37-15.776a1 1 0 0 1 1.26 0C33.094 34.6 44 43.523 44 50a12.013 12.013 0 0 1-12 12zm0-25.7c-3.288 2.8-10 9.408-10 13.7a10 10 0 0 0 20 0c0-4.295-6.712-10.9-10-13.7z"
/>
<path
fill="url(#e)"
d="M50 44c-6.477 0-15.4-10.906-15.776-11.37a1 1 0 0 1 0-1.26C34.6 30.906 43.523 20 50 20a12 12 0 0 1 0 24zM36.3 32c2.8 3.288 9.407 10 13.7 10a10 10 0 0 0 0-20c-4.295 0-10.9 6.712-13.7 10z"
/>
</svg>
More icons in the same style and category