Add icons to this collection by clicking the heart icon.
Segment icon - also known as signs, arrow, maths, lines, nodes, shapes and symbols, and segment. 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="f"
cx="391.513"
cy="695.76"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -111.186 322.095)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8e3ff" />
<stop offset=".233" stop-color="#cfedff" />
<stop offset=".496" stop-color="#e6f6ff" />
<stop offset=".888" 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="g"
cx="231.749"
cy="190.42"
r="45.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="442.949"
cy="190.42"
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="452.216"
cy="226.064"
r="24.846"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".43" stop-color="#6cabca" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="j"
cx="383.071"
cy="164.094"
r="38.722"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="105.783"
cy="354.893"
r="36.122"
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="l"
cx="384.12"
cy="85.368"
r="30.871"
gradientTransform="matrix(0 1 -1.651 0 525.07 -298.752)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="m"
cx="334.694"
cy="127.25"
r="44.1"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="n"
cx="222.773"
cy="172.873"
r="158.436"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="o"
cx="509.942"
cy="368.2"
r="432.472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3692bc" />
<stop offset=".504" stop-color="#0681af" />
<stop offset=".976" stop-color="#0055a3" />
</radialGradient>
<linearGradient id="e">
<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="p"
cx="303.318"
cy="248.897"
r="311.156"
gradientTransform="matrix(-1 0 0 -.346 606.636 334.959)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="q"
cx="241.016"
cy="226.064"
r="24.846"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="r"
cx="287.115"
cy="238.42"
r="41.252"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="s"
cx="20.549"
cy="190.42"
r="45.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="t"
cx="21.083"
cy="229.093"
r="24.846"
gradientTransform="matrix(0 1 -2.18 0 520.449 208.01)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="u"
cx="75.915"
cy="238.42"
r="41.252"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="v"
cx="498.315"
cy="238.42"
r="41.252"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M256 426.766c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path
fill="url(#g)"
d="M211.2 231.566c0-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(#h)"
d="M422.4 231.566c0-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="M422.4 231.566c0 14.139 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="m353.58 130.488 18.102 18.102h38.4l-22.384-24.424z"
/>
<path fill="url(#k)" d="m85.8 362.064 18.102 18.103h38.4l-2.301-32.64z" />
<path fill="url(#l)" d="m317.376 94.284 63.357-9.05h38.4l-57.035 26.132z" />
<path
fill="url(#m)"
d="m335.478 112.386-18.102-18.102h38.4l44.722 18.102z"
/>
<path
fill="url(#n)"
d="M335.478 112.386 85.8 362.064h40.3l261.598-250.698z"
/>
<path
fill="url(#o)"
d="m391.98 130.488 18.102 18.102 9.051-63.356-63.357 9.05 18.102 18.102L124.2 362.064l18.102 18.103z"
/>
<path fill="url(#p)" d="M12.8 218.766h448v25.6h-448z" />
<path
fill="url(#g)"
d="M236.8 231.566c0-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(#q)"
d="M236.8 231.566c0 14.139 11.462 25.6 25.6 25.6h12.8c-14.138 0-12.8-11.462-12.8-25.6z"
/>
<circle cx="275.2" cy="231.566" r="25.6" fill="url(#r)" />
<path
fill="url(#s)"
d="M0 231.566c0-14.138 11.462-25.6 25.6-25.6H64c-14.138 0-12.8 11.462-12.8 25.6z"
/>
<path
fill="url(#t)"
d="M0 231.566c0 14.139 11.462 25.6 25.6 25.6H64c-14.138 0-14.077-12.8-25.6-25.6z"
/>
<circle cx="64" cy="231.566" r="25.6" fill="url(#u)" />
<path
fill="url(#h)"
d="M448 231.566c0-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="M448 231.566c0 14.139 11.462 25.6 25.6 25.6h12.8c-14.138 0-12.8-11.462-12.8-25.6z"
/>
<circle cx="486.4" cy="231.566" r="25.6" fill="url(#v)" />
</svg>
More icons in the same style and category