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="312.224"
cy="281.99"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -37.342 307.286)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff8be" />
<stop offset=".512" stop-color="#fffbe5" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".514" stop-color="#fffacd" />
<stop offset=".976" stop-color="#fff6ab" />
</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="#fff6ab" />
<stop offset=".518" stop-color="#fff485" />
<stop offset=".833" stop-color="#ffed26" />
<stop offset=".976" stop-color="#ffea00" />
</linearGradient>
<radialGradient
id="i"
cx="362.616"
cy="282.497"
r="24.846"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="436.168"
cy="325.032"
r="45.052"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="424.762"
cy="233.547"
r="51.45"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fff044" />
<stop offset=".449" stop-color="#ffea00" />
<stop offset=".647" stop-color="#fbd113" />
<stop offset=".976" stop-color="#f6ab31" />
</linearGradient>
<radialGradient
id="l"
cx="336.52"
cy="339.993"
r="347.612"
gradientTransform="matrix(-1 0 0 -.346 673.04 457.553)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="m"
cx="408.715"
cy="294.854"
r="41.252"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="n"
cx="20.549"
cy="246.854"
r="45.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="21.083"
cy="285.527"
r="24.846"
gradientTransform="matrix(0 1 -2.18 0 643.46 264.444)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="p"
cx="75.915"
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="q"
cx="348.398"
cy="147.543"
r="62.782"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="r"
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="s"
cx="385.23"
cy="172.256"
r="22.721"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="t"
cx="380.953"
cy="220.398"
r="14.495"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="u"
cx="385.23"
cy="210.656"
r="21.13"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="v"
cx="52.034"
cy="212.77"
r="23.714"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="w"
cx="14.252"
cy="147.543"
r="75.286"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="x"
cx="48.113"
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="y"
cx="411.962"
cy="188.652"
r="79.076"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="z"
cx="90.442"
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="M422.4 300.8h38.4v25.6h-38.4z" />
<path fill="url(#k)" d="M422.4 249.6h38.4v25.6h-38.4z" />
<path
fill="url(#l)"
d="M12.8 300.8h448v25.6L512 288l-51.2-38.4v25.6h-448z"
/>
<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(#m)" />
<path
fill="url(#n)"
d="M0 288c0-14.138 11.462-25.6 25.6-25.6H64c-14.138 0-12.8 11.462-12.8 25.6z"
/>
<path
fill="url(#o)"
d="M0 288c0 14.138 11.462 25.6 25.6 25.6H64c-14.138 0-15.253-10.351-25.6-25.6z"
/>
<circle cx="64" cy="288" r="25.6" fill="url(#p)" />
<path fill="url(#q)" d="M345.6 236.8v-89.6h12.8l12.8 44.8-12.8 44.8z" />
<path
fill="url(#r)"
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(#s)"
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(#t)"
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(#u)"
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(#v)" d="M51.2 236.8v-38.4l25.6-6.4L64 236.8z" />
<path
fill="url(#w)"
d="M12.8 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(#x)"
d="M64 153.6 38.4 160c7.058 0 12.8 5.742 12.8 12.8v12.8H64l12.8-6.4c.007-7.06-5.746-25.6-12.8-25.6z"
/>
<path
fill="url(#y)"
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(#z)"
d="M51.2 147.2c-14.116 0-25.6 11.484-25.6 25.6v64h12.8v-38.4H64v38.4h12.8v-64c0-14.116-11.484-25.6-25.6-25.6zm-12.8 38.4v-12.8c0-7.058 5.742-12.8 12.8-12.8S64 165.742 64 172.8v12.8z"
/>
</svg>
More icons in the same style and category