Add icons to this collection by clicking the heart icon.
Segment icon - also known as signs, maths, lines, nodes, shapes and symbols, segment, and endpoints. 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 512 512"
>
<radialGradient
id="g"
cx="272.579"
cy="281.99"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -.42 307.286)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b7efff" />
<stop offset=".274" stop-color="#d8f6ff" />
<stop offset=".496" stop-color="#effbff" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".43" stop-color="#d6f6fd" />
<stop offset="1" stop-color="#68e7fd" />
</linearGradient>
<radialGradient
id="h"
cx="353.349"
cy="246.854"
r="45.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#68e7fd" />
<stop offset=".169" stop-color="#42e3fd" />
<stop offset=".43" stop-color="#00dcfc" />
<stop offset="1" stop-color="#00c1fc" />
</linearGradient>
<radialGradient
id="i"
cx="362.616"
cy="282.497"
r="24.846"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="110.149"
cy="246.854"
r="45.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="119.416"
cy="282.497"
r="24.846"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="l"
cx="440.758"
cy="324.69"
r="60.059"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="57.871"
cy="338.388"
r="43.741"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="45.515"
cy="234.497"
r="71.802"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="425.55"
cy="229.533"
r="66.182"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#00d1fd" />
<stop offset=".504" stop-color="#00c1fc" />
<stop offset=".976" stop-color="#0094ff" />
</linearGradient>
<radialGradient
id="p"
cx="345.519"
cy="339.993"
r="329.895"
gradientTransform="matrix(-1 0 0 -.346 691.038 457.553)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="q"
cx="165.515"
cy="294.854"
r="41.252"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="r"
cx="408.715"
cy="294.854"
r="41.252"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".376" stop-color="#c0dae9" />
<stop offset=".43" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="s"
cx="348.398"
cy="147.543"
r="62.782"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="t"
cx="380.953"
cy="181.998"
r="14.495"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".43" stop-color="#6cabca" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="u"
cx="385.23"
cy="172.256"
r="22.721"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="v"
cx="380.953"
cy="220.398"
r="14.495"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="w"
cx="385.23"
cy="210.656"
r="21.13"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="x"
cx="141.634"
cy="212.77"
r="23.714"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="y"
cx="103.851"
cy="147.543"
r="75.286"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="z"
cx="137.713"
cy="176.592"
r="23.074"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#3692bc" />
<stop offset=".504" stop-color="#0681af" />
<stop offset=".976" stop-color="#0055a3" />
</linearGradient>
<radialGradient
id="A"
cx="411.962"
cy="188.652"
r="79.076"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="B"
cx="180.042"
cy="192.454"
r="81.46"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path
fill="url(#g)"
d="M256 364.8c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path
fill="url(#h)"
d="M332.8 288c0-14.138 11.462-25.6 25.6-25.6h38.4c-14.138 0-25.6 11.462-25.6 25.6z"
/>
<path
fill="url(#i)"
d="M332.8 288c0 14.138 11.462 25.6 25.6 25.6h38.4c-14.138 0-25.6-11.462-25.6-25.6z"
/>
<path
fill="url(#j)"
d="M89.6 288c0-14.138 11.462-25.6 25.6-25.6h38.4c-14.138 0-25.6 11.462-25.6 25.6z"
/>
<path
fill="url(#k)"
d="M89.6 288c0 14.138 11.462 25.6 25.6 25.6h38.4c-14.138 0-25.6-11.462-25.6-25.6z"
/>
<path fill="url(#l)" d="M422.4 326.4v-25.6l51.2-6.4-12.8 32z" />
<path fill="url(#m)" d="M51.2 326.4 0 288l51.2-6.4 38.4 44.8z" />
<path fill="url(#n)" d="m0 288 51.2-38.4h38.4L64 288z" />
<path fill="url(#o)" d="M422.4 275.2v-25.6h38.4l12.8 32z" />
<path
fill="url(#p)"
d="m512 288-51.2-38.4v25.6H89.6v-25.6L38.4 288l51.2 38.4v-25.6h371.2v25.6z"
/>
<path
fill="url(#j)"
d="M115.2 288c0-14.138 11.462-25.6 25.6-25.6h12.8c-14.138 0-12.8 24.262-12.8 38.4z"
/>
<path
fill="url(#k)"
d="M115.2 288c0 14.138 11.462 25.6 25.6 25.6h12.8c-14.138 0-12.8-11.462-12.8-25.6z"
/>
<circle cx="153.6" cy="288" r="25.6" fill="url(#q)" />
<path
fill="url(#h)"
d="M358.4 288c0-14.138 11.462-25.6 25.6-25.6h12.8c-14.138 0-12.8 24.262-12.8 38.4z"
/>
<path
fill="url(#i)"
d="M358.4 288c0 14.138 11.462 25.6 25.6 25.6h12.8c-14.138 0-12.8-11.462-12.8-25.6z"
/>
<circle cx="396.8" cy="288" r="25.6" fill="url(#r)" />
<path fill="url(#s)" d="M345.6 236.8v-89.6h12.8l12.8 44.8-12.8 44.8z" />
<path
fill="url(#t)"
d="M371.2 185.6c7.058 0 12.8-5.742 12.8-12.8l21.071-3.752c0 7.058-14.013 22.952-21.071 22.952z"
/>
<path
fill="url(#u)"
d="M384 172.8c0-7.058-5.742-12.8-12.8-12.8l12.8-6.4c7.058 0 12.8 12.142 12.8 19.2z"
/>
<path
fill="url(#v)"
d="M371.2 224c7.058 0 12.8-5.742 12.8-12.8l21.071-3.752c0 7.058-14.013 22.952-21.071 22.952z"
/>
<path
fill="url(#w)"
d="M384 211.2c0-7.058-5.742-12.8-12.8-12.8L384 192c7.058 0 12.8 12.142 12.8 19.2z"
/>
<path fill="url(#x)" d="M140.8 236.8v-38.4l25.6-6.4-12.8 44.8z" />
<path
fill="url(#y)"
d="M102.4 236.8v-64c0-14.116 11.484-25.6 25.6-25.6h12.8c-25.6 0-25.6 89.6-25.6 89.6z"
/>
<path
fill="url(#z)"
d="M153.6 153.6 128 160c7.058 0 12.8 5.742 12.8 12.8v12.8h12.8l12.8-6.4c.007-7.06-5.746-25.6-12.8-25.6z"
/>
<path
fill="url(#A)"
d="M400.915 192c5.322-4.695 8.685-11.562 8.685-19.2 0-14.116-11.484-25.6-25.6-25.6h-25.6v89.6H384c14.116 0 25.6-11.484 25.6-25.6 0-7.638-3.362-14.505-8.685-19.2zM384 224h-12.8v-25.6H384c7.058 0 12.8 5.742 12.8 12.8S391.058 224 384 224zm0-38.4h-12.8V160H384c7.058 0 12.8 5.742 12.8 12.8s-5.742 12.8-12.8 12.8z"
/>
<path
fill="url(#B)"
d="M140.8 147.2c-14.116 0-25.6 11.484-25.6 25.6v64H128v-38.4h25.6v38.4h12.8v-64c0-14.116-11.484-25.6-25.6-25.6zM128 185.6v-12.8c0-7.058 5.742-12.8 12.8-12.8s12.8 5.742 12.8 12.8v12.8z"
/>
</svg>
More icons in the same style and category