Add icons to this collection by clicking the heart icon.
Line Graph icon - also known as line graph, line graphic, line chart, Line graphs, and business and finance. 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 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#0cc8ef" />
<stop offset="1" stop-color="#047afa" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="f"
x1=".673"
x2="30.112"
y1="-4.504"
y2="19.915"
gradientTransform="rotate(90 13.451 45.956) scale(3.78)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="29.683"
x2="29.683"
y1="7.267"
y2="1.404"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ce4e" />
<stop offset="1" stop-color="#a7e890" />
</linearGradient>
<linearGradient
id="h"
x1="21.335"
x2="21.335"
y1="27.465"
y2="21.602"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="16.933"
x2="16.933"
y1="22.457"
y2="13.395"
gradientTransform="matrix(.647 0 0 -.647 2.852 19.874)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="j"
x1="8.462"
x2="8.462"
y1="24.125"
y2="18.262"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="5.815"
x2="9.01"
y1="11.143"
y2="11.143"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="5.815"
x2="9.01"
y1="7.438"
y2="7.438"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="k"
x1="5.815"
x2="9.01"
y1="3.933"
y2="3.933"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="e"
x1="35.315"
x2="13.007"
y1="-1.18"
y2="25.742"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcb3ae" />
<stop offset="1" stop-color="#535a66" />
</linearGradient>
<g paint-order="markers fill stroke">
<path
fill="url(#e)"
d="m30.023 3.68-7.937 19.578L15.008 7.77a.662.662 0 0 0-1.215.027L8.508 20.893a.662.662 0 1 0 1.226.496l4.71-11.67 7.077 15.486a.662.662 0 0 0 1.215-.027l8.512-21a.661.661 0 0 0-.363-.862c-.39-.104-.69-.058-.862.364z"
/>
<path
fill="url(#f)"
d="M9.002 4a4.998 4.998 0 0 0-4.994 4.996l-.045 107.615A7.371 7.371 0 0 0 11.35 124h105.298c4.093 0 7.39-3.296 7.39-7.389s-3.297-7.386-7.39-7.386H14V8.996A5 5 0 0 0 9.004 4z"
transform="scale(.265)"
/>
<g
stroke-dasharray=".171 .685"
stroke-linecap="square"
stroke-width=".171"
>
<path
fill="url(#g)"
d="M32.808 4.143a2.547 2.547 0 0 1-2.546 2.547 2.547 2.547 0 0 1-2.547-2.547 2.547 2.547 0 0 1 2.547-2.546 2.547 2.547 0 0 1 2.546 2.546z"
/>
<path
fill="url(#h)"
d="M24.46 24.342a2.547 2.547 0 0 1-2.546 2.546 2.547 2.547 0 0 1-2.546-2.546 2.547 2.547 0 0 1 2.546-2.547 2.547 2.547 0 0 1 2.547 2.547z"
/>
<path
fill="url(#i)"
d="M16.933 8.467a2.547 2.547 0 0 0-2.546-2.546 2.547 2.547 0 0 0-2.547 2.546 2.547 2.547 0 0 0 2.547 2.547 2.547 2.547 0 0 0 2.546-2.547z"
/>
<path
fill="url(#j)"
d="M11.587 21.001a2.547 2.547 0 0 1-2.546 2.547A2.547 2.547 0 0 1 6.494 21a2.547 2.547 0 0 1 2.547-2.547 2.547 2.547 0 0 1 2.546 2.547z"
/>
</g>
<path
fill="#6e98f5"
d="M31.72 31.446v.263h-.528v-.263zm-1.322 0v.263h-.529v-.263zm-1.322 0v.263h-.53v-.263zm-1.324 0v.263h-.53v-.263zm-1.322 0v.263h-.53v-.263zm-1.323 0v.263h-.529v-.263zm-1.324 0v.263h-.529v-.263zm-1.322 0v.263h-.53v-.263zm-1.322 0v.263h-.53v-.263zm-1.324 0v.263h-.53v-.263zm-1.323 0v.263h-.529v-.263zm-1.322 0v.263h-.53v-.263zm-1.324 0v.263h-.53v-.263zm-1.323 0v.263h-.529v-.263zm-1.322 0v.263h-.53v-.263zm-1.324 0v.263h-.528v-.263zm-1.322 0v.263h-.53v-.263zm-1.323 0v.263h-.529v-.263zm-1.324 0v.263h-.527v-.263zm-1.322 0v.263h-.529v-.263zm-1.322 0v.263h-.53v-.263zm-1.324 0v.263h-.53v-.263zm-1.265 0v.263h-.53v-.263z"
/>
<path
fill="url(#k)"
d="M6.477 3.271a.661.661 0 1 0 0 1.324h.813a.661.661 0 1 0 0-1.324z"
/>
<path
fill="url(#l)"
d="M6.477 6.777a.661.661 0 1 0 0 1.324h.813a.661.661 0 1 0 0-1.324z"
/>
<path
fill="url(#m)"
d="M6.477 10.481a.661.661 0 1 0 0 1.324h.813a.661.661 0 1 0 0-1.324z"
/>
</g>
</svg>
More icons in the same style and category