Add icons to this collection by clicking the heart icon.
Infographic icon - also known as time management, infographic, steps, timeline, business and finance, and chronology. 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="b"
x1="1.713"
x2="62.489"
y1="32.006"
y2="32.006"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb64d" />
<stop offset="1" stop-color="#ed6d23" />
</linearGradient>
<linearGradient id="c" x2="62.489" y1="12" y2="12" href="#b" />
<linearGradient id="d" x2="62.489" y1="12" y2="12" href="#b" />
<linearGradient id="e" x2="62.489" y1="52" y2="52" href="#b" />
<linearGradient id="f" x2="62.489" y1="52" y2="52" href="#b" />
<linearGradient id="g" x2="62.489" y1="12" y2="12" href="#b" />
<linearGradient id="h" x2="62.489" y1="17" y2="17" href="#b" />
<linearGradient id="i" x2="62.489" y1="7" y2="7" href="#b" />
<linearGradient id="j" x2="62.489" y1="12" y2="12" href="#b" />
<linearGradient id="k" x2="62.489" y1="17" y2="17" href="#b" />
<linearGradient id="l" x2="62.489" y1="7" y2="7" href="#b" />
<linearGradient id="m" x2="62.489" y1="52" y2="52" href="#b" />
<linearGradient id="n" x2="62.489" y1="57" y2="57" href="#b" />
<linearGradient id="o" x2="62.489" y1="47" y2="47" href="#b" />
<linearGradient id="p" x2="62.489" y1="52" y2="52" href="#b" />
<linearGradient id="q" x2="62.489" y1="57" y2="57" href="#b" />
<linearGradient id="r" x2="62.489" y1="47" y2="47" href="#b" />
<style />
</defs>
<path
d="M61 28.139H42.157l-2.434-2.552c-.377-.396-1.07-.396-1.447 0l-2.434 2.552H15.157l-2.434-2.552c-.377-.396-1.07-.396-1.447 0l-2.434 2.552H3a1 1 0 0 0-1 1v5.723a1 1 0 0 0 1 1h18.843l2.434 2.552c.377.396 1.07.396 1.447 0l2.434-2.552h20.686l2.434 2.552a.998.998 0 0 0 1.448 0l2.434-2.552h5.843a1 1 0 0 0 1-1v-5.723a1 1 0 0 0-1-1Zm-1 5.723h-5.271c-.273 0-.535.112-.724.31l-2.006 2.103-2.006-2.103a.998.998 0 0 0-.724-.31h-21.54c-.273 0-.535.112-.724.31l-2.006 2.103-2.006-2.103a.998.998 0 0 0-.724-.31H4v-3.723h5.271c.273 0 .535-.112.724-.31l2.006-2.103 2.006 2.103c.188.198.45.31.724.31h21.541c.273 0 .535-.112.724-.31l2.006-2.103 2.006 2.103c.188.198.45.31.724.31h18.271v3.723Z"
class="a`"
/>
<path
d="M3 22h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1ZM4 4h16v16H4V4Z"
fill="url(#c)"
/>
<path
d="M30 22h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H30a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1Zm1-18h16v16H31V4Z"
fill="url(#d)"
/>
<path
d="M34 42H16a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V43a1 1 0 0 0-1-1Zm-1 18H17V44h16v16Z"
fill="url(#e)"
/>
<path
d="M61 42H43a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V43a1 1 0 0 0-1-1Zm-1 18H44V44h16v16Z"
fill="url(#f)"
/>
<path d="M16.5 11h-9a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2Z" fill="url(#g)" />
<path d="M16.5 16h-9a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2Z" fill="url(#h)" />
<path d="M16.5 6h-9a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2Z" fill="url(#i)" />
<path d="M43.5 11h-9a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2Z" fill="url(#j)" />
<path d="M43.5 16h-9a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2Z" fill="url(#k)" />
<path d="M43.5 6h-9a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2Z" fill="url(#l)" />
<path d="M20.5 53h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2Z" fill="url(#m)" />
<path d="M20.5 58h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2Z" fill="url(#n)" />
<path d="M20.5 48h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2Z" fill="url(#o)" />
<path d="M47.5 53h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2Z" fill="url(#p)" />
<path d="M47.5 58h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2Z" fill="url(#q)" />
<path d="M47.5 48h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2Z" fill="url(#r)" />
</svg>
More icons in the same style and category