Add icons to this collection by clicking the heart icon.
Line Graph icon - also known as diagram, data, chart, graph, finance, shopping, infographic, line graph, growth, ecommerce, and business and finance. Created in a clean flat gradient style with a white, gray, and pink finish, 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 24 24"
>
<linearGradient
id="a"
x1="4.25"
x2="1.75"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f0e486" />
<stop offset=".491" stop-color="#ede285" />
<stop offset=".786" stop-color="#e5da80" />
<stop offset="1" stop-color="#d9ce79" />
</linearGradient>
<linearGradient id="d" x1="16.25" x2="13.75" href="#a" />
<linearGradient id="e" x1="7.25" x2="4.75" y1="16" y2="16" href="#a" />
<linearGradient id="f" x1="19.25" x2="16.75" y1="16" y2="16" href="#a" />
<linearGradient id="g" x1="22.25" x2="19.75" y1="16" y2="16" href="#a" />
<linearGradient id="h" x1="10.25" x2="7.75" y1="17" y2="17" href="#a" />
<linearGradient id="i" x1="13.25" x2="10.75" y1="17" y2="17" href="#a" />
<linearGradient
id="b"
x1="4.25"
x2="1.75"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fa8f82" />
<stop offset=".514" stop-color="#f78e81" />
<stop offset=".822" stop-color="#ef897c" />
<stop offset="1" stop-color="#e68477" />
</linearGradient>
<linearGradient id="j" x1="10.25" x2="7.75" y1="7" y2="7" href="#b" />
<linearGradient id="k" x1="13.25" x2="10.75" y1="7" y2="7" href="#b" />
<linearGradient id="l" x1="16.25" x2="13.75" href="#b" />
<linearGradient
id="c"
x1="7.25"
x2="4.75"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a5ffd6" />
<stop offset=".478" stop-color="#a3fcd4" />
<stop offset=".765" stop-color="#9ef4cd" />
<stop offset="1" stop-color="#95e6c1" />
</linearGradient>
<linearGradient id="m" x1="19.25" x2="16.75" href="#c" />
<linearGradient id="n" x1="22.25" x2="19.75" href="#c" />
<g>
<path
fill="#edf2ff"
d="M15 9.25a.25.25 0 0 1-.139-.042L11.924 7.25H9a.249.249 0 0 1-.139-.042L6.058 5.339 3.2 9.15a.25.25 0 1 1-.4-.3l3-4a.25.25 0 0 1 .339-.058L9.076 6.75H12a.249.249 0 0 1 .139.042l2.803 1.869L17.8 4.85a.25.25 0 0 1 .2-.1h3a.25.25 0 0 1 0 .5h-2.875L15.2 9.15a.25.25 0 0 1-.2.1z"
/>
<path
fill="url(#a)"
d="M3.5 15.75h-1a.751.751 0 0 0-.75.75v3.75h2.5V16.5a.751.751 0 0 0-.75-.75z"
/>
<path
fill="url(#d)"
d="M15.5 15.75h-1a.751.751 0 0 0-.75.75v3.75h2.5V16.5a.751.751 0 0 0-.75-.75z"
/>
<path
fill="url(#e)"
d="M6.5 11.75h-1a.751.751 0 0 0-.75.75v7.75h2.5V12.5a.751.751 0 0 0-.75-.75z"
/>
<path
fill="url(#f)"
d="M18.5 11.75h-1a.751.751 0 0 0-.75.75v7.75h2.5V12.5a.751.751 0 0 0-.75-.75z"
/>
<path
fill="url(#g)"
d="M21.5 11.75h-1a.751.751 0 0 0-.75.75v7.75h2.5V12.5a.751.751 0 0 0-.75-.75z"
/>
<path
fill="url(#h)"
d="M9.5 13.75h-1a.751.751 0 0 0-.75.75v5.75h2.5V14.5a.751.751 0 0 0-.75-.75z"
/>
<path
fill="url(#i)"
d="M12.5 13.75h-1a.751.751 0 0 0-.75.75v5.75h2.5V14.5a.751.751 0 0 0-.75-.75z"
/>
<circle cx="3" cy="9" r="1.25" fill="url(#b)" />
<circle cx="9" cy="7" r="1.25" fill="url(#j)" />
<circle cx="12" cy="7" r="1.25" fill="url(#k)" />
<circle cx="15" cy="9" r="1.25" fill="url(#l)" />
<circle cx="6" cy="5" r="1.25" fill="url(#c)" />
<circle cx="18" cy="5" r="1.25" fill="url(#m)" />
<circle cx="21" cy="5" r="1.25" fill="url(#n)" />
<path
fill="#807a6e"
d="M23 20.25H1a.25.25 0 0 1 0-.5h22a.25.25 0 0 1 0 .5z"
/>
</g>
<g fill="#fff7b3">
<path
d="M21.5 15.75a.25.25 0 0 0-.25.25v1a.25.25 0 0 0 .5 0v-1a.25.25 0 0 0-.25-.25zM21.5 12.75a.25.25 0 0 0-.25.25v2a.25.25 0 0 0 .5 0v-2a.25.25 0 0 0-.25-.25z"
/>
</g>
</svg>
More icons in the same style and category