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="SVGID_1_"
cx="351.868"
cy="281.99"
gradientTransform="matrix(.931 0 0 .114 -74.264 307.286)"
gradientUnits="userSpaceOnUse"
r="211.111"
>
<stop offset="0" stop-color="#ffa8b1" />
<stop offset=".2028" stop-color="#ffbcc3" />
<stop offset=".4674" stop-color="#ffd2d6" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".3758" stop-color="#c0dae9" />
<stop offset=".4303" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="SVGID_2_"
cx="437.998"
cy="147.543"
gradientUnits="userSpaceOnUse"
r="62.782"
href="#lg1"
/>
<radialGradient
id="SVGID_3_"
cx="470.553"
cy="181.998"
gradientUnits="userSpaceOnUse"
r="14.495"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".4303" stop-color="#6cabca" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="SVGID_4_"
cx="474.83"
cy="172.256"
gradientUnits="userSpaceOnUse"
r="22.721"
href="#lg2"
/>
<radialGradient
id="SVGID_5_"
cx="470.553"
cy="220.398"
gradientUnits="userSpaceOnUse"
r="14.495"
href="#lg1"
/>
<radialGradient
id="SVGID_6_"
cx="474.83"
cy="210.656"
gradientUnits="userSpaceOnUse"
r="21.13"
href="#lg2"
/>
<radialGradient
id="SVGID_7_"
cx="52.034"
cy="212.77"
gradientUnits="userSpaceOnUse"
r="23.714"
href="#lg1"
/>
<radialGradient
id="SVGID_8_"
cx="14.252"
cy="147.543"
gradientUnits="userSpaceOnUse"
r="75.286"
href="#lg1"
/>
<radialGradient
id="SVGID_9_"
cx="48.113"
cy="176.592"
gradientUnits="userSpaceOnUse"
r="23.074"
href="#lg1"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#ffd6d6" />
<stop offset=".5354" stop-color="#ffb3bd" />
<stop offset=".56" stop-color="#ffb1bb" />
<stop offset=".9729" stop-color="#ff8b99" />
</linearGradient>
<radialGradient
id="SVGID_10_"
cx="442.949"
cy="246.854"
gradientUnits="userSpaceOnUse"
r="45.435"
href="#lg3"
/>
<linearGradient id="lg4">
<stop offset="0" stop-color="#ff8b99" />
<stop offset=".4303" stop-color="#ff7383" />
<stop offset="1" stop-color="#ff3650" />
</linearGradient>
<radialGradient
id="SVGID_11_"
cx="452.216"
cy="282.497"
gradientUnits="userSpaceOnUse"
r="24.846"
href="#lg4"
/>
<linearGradient id="lg5">
<stop offset="0" stop-color="#ff546a" />
<stop offset=".5038" stop-color="#ff3650" />
<stop offset=".6571" stop-color="#e92b5a" />
<stop offset=".9424" stop-color="#c3186c" />
</linearGradient>
<radialGradient
id="SVGID_12_"
cx="303.318"
cy="305.331"
gradientTransform="matrix(-1 0 0 -.346 606.636 410.906)"
gradientUnits="userSpaceOnUse"
r="311.156"
href="#lg5"
/>
<radialGradient
id="SVGID_15_"
cx="498.315"
cy="294.854"
gradientUnits="userSpaceOnUse"
r="41.252"
href="#lg5"
/>
<linearGradient id="lg6">
<stop offset="0" stop-color="#3692bc" />
<stop offset=".5038" stop-color="#0681af" />
<stop offset=".9755" stop-color="#0055a3" />
</linearGradient>
<radialGradient
id="SVGID_16_"
cx="501.563"
cy="188.652"
gradientUnits="userSpaceOnUse"
r="79.076"
href="#lg6"
/>
<radialGradient
id="SVGID_17_"
cx="90.442"
cy="192.454"
gradientUnits="userSpaceOnUse"
r="81.46"
href="#lg6"
/>
<radialGradient
id="SVGID_18_"
cx="20.549"
cy="246.854"
gradientUnits="userSpaceOnUse"
r="45.435"
href="#lg3"
/>
<radialGradient
id="SVGID_19_"
cx="21.083"
cy="285.527"
gradientTransform="matrix(0 1 -2.18 0 643.46 264.444)"
gradientUnits="userSpaceOnUse"
r="24.846"
href="#lg4"
/>
<radialGradient
id="SVGID_20_"
cx="75.915"
cy="294.854"
gradientUnits="userSpaceOnUse"
r="41.252"
href="#lg5"
/>
<g>
<path
d="m256 364.8c113.107 0 204.798-11.461 204.798-25.6h-409.596c0 14.139 91.691 25.6 204.798 25.6z"
fill="url(#SVGID_1_)"
/>
<path
d="m435.2 236.8v-89.6h12.8l12.8 44.8-12.8 44.8z"
fill="url(#SVGID_2_)"
/>
<path
d="m460.8 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"
fill="url(#SVGID_3_)"
/>
<path
d="m473.6 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"
fill="url(#SVGID_4_)"
/>
<path
d="m460.8 224c7.058 0 12.8-5.742 12.8-12.8l21.071-3.752c0 7.058-14.013 22.952-21.071 22.952z"
fill="url(#SVGID_5_)"
/>
<path
d="m473.6 211.2c0-7.058-5.742-12.8-12.8-12.8l12.8-6.4c7.058 0 12.8 12.142 12.8 19.2z"
fill="url(#SVGID_6_)"
/>
<path d="m51.2 236.8v-38.4l25.6-6.4-12.8 44.8z" fill="url(#SVGID_7_)" />
<path
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"
fill="url(#SVGID_8_)"
/>
<path
d="m64 153.6-25.6 6.4c7.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"
fill="url(#SVGID_9_)"
/>
<path
d="m422.4 288c0-14.138 11.462-25.6 25.6-25.6h38.4c-14.138 0-25.6 11.462-25.6 25.6z"
fill="url(#SVGID_10_)"
/>
<path
d="m422.4 288c0 14.138 11.462 25.6 25.6 25.6h38.4c-14.138 0-25.6-11.462-25.6-25.6z"
fill="url(#SVGID_11_)"
/>
<path d="m12.8 275.2h448v25.6h-448z" fill="url(#SVGID_12_)" />
<path
d="m448 288c0-14.138 11.462-25.6 25.6-25.6h12.8c-14.138 0-12.8 24.262-12.8 38.4z"
fill="url(#SVGID_10_)"
/>
<path
d="m448 288c0 14.138 11.462 25.6 25.6 25.6h12.8c-14.138 0-12.8-11.462-12.8-25.6z"
fill="url(#SVGID_11_)"
/>
<circle cx="486.4" cy="288" fill="url(#SVGID_15_)" r="25.6" />
<path
d="m490.515 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.6h25.6c14.116 0 25.6-11.484 25.6-25.6 0-7.638-3.362-14.505-8.685-19.2zm-16.915 32h-12.8v-25.6h12.8c7.058 0 12.8 5.742 12.8 12.8s-5.742 12.8-12.8 12.8zm0-38.4h-12.8v-25.6h12.8c7.058 0 12.8 5.742 12.8 12.8s-5.742 12.8-12.8 12.8z"
fill="url(#SVGID_16_)"
/>
<path
d="m51.2 147.2c-14.116 0-25.6 11.484-25.6 25.6v64h12.8v-38.4h25.6v38.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.8s12.8 5.742 12.8 12.8v12.8z"
fill="url(#SVGID_17_)"
/>
<path
d="m0 288c0-14.138 11.462-25.6 25.6-25.6h38.4c-14.138 0-15.586 11.462-15.586 25.6z"
fill="url(#SVGID_18_)"
/>
<path
d="m0 288c0 14.138 11.462 25.6 25.6 25.6h38.4c-14.138 0-12.8-12.8-25.6-25.6z"
fill="url(#SVGID_19_)"
/>
<circle cx="64" cy="288" fill="url(#SVGID_20_)" r="25.6" />
</g>
</svg>
More icons in the same style and category