Add icons to this collection by clicking the heart icon.
Cone icon - also known as construction, cone, signaling, traffic cone, and bollards. 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"
>
<linearGradient
id="e"
x1="74.98"
x2="437.018"
y1="437.018"
y2="74.979"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4748" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<radialGradient
id="f"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" stop-opacity=".7" />
<stop offset=".081" stop-color="#ff4553" stop-opacity=".643" />
<stop offset=".178" stop-color="#ff5c7b" stop-opacity=".575" />
<stop offset=".282" stop-color="#ff709e" stop-opacity=".503" />
<stop offset=".391" stop-color="#ff80ba" stop-opacity=".426" />
<stop offset=".508" stop-color="#ff8cd0" stop-opacity=".344" />
<stop offset=".636" stop-color="#ff95df" stop-opacity=".255" />
<stop offset=".785" stop-color="#ff9ae8" stop-opacity=".151" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e00413" />
<stop offset=".224" stop-color="#ff3838" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="g"
x1="-27.26"
x2="924.549"
y1="497.161"
y2="-454.647"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-103.06"
x2="830.354"
y1="621.64"
y2="-311.773"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-113.986"
x2="823.011"
y1="761.792"
y2="-175.205"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff79b1" />
<stop offset="1" stop-color="#ffe3f3" />
</linearGradient>
<linearGradient
id="j"
x1="123.796"
x2="671.911"
y1="413.47"
y2="-134.645"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="109.95"
x2="669.914"
y1="547.795"
y2="-12.17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".295" stop-color="#ffc6e3" />
<stop offset=".76" stop-color="#ffeff7" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="l"
x1="59.852"
x2="321.762"
y1="342.988"
y2="81.077"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="-88.191"
x2="312.133"
y1="552.896"
y2="152.572"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ff79b1" />
<stop offset=".999" stop-color="#ffe3f3" />
</linearGradient>
<linearGradient
id="n"
x1="-74.459"
x2="524.872"
y1="793.873"
y2="194.542"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="-77.469"
x2="497.292"
y1="640.2"
y2="65.439"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="256" fill="url(#f)" />
<path
fill="url(#g)"
d="M237.091 72.106c-3.271.014-6.18 2.205-7.194 5.407-5.925 18.736-11.92 37.47-17.934 56.191a7761.566 7761.566 0 0 0 15.038 46.016 24269.25 24269.25 0 0 1-44.606 46.123c-11.376 35.745-22.504 71.363-33.014 106.765.31 15.247.69 30.495 1.143 45.742 34.521.793 69.042 1.197 103.563 1.212-.054-102.5-.052-204.999.009-307.499-5.669.003-11.337.017-17.005.043z"
/>
<path
fill="url(#h)"
d="M327.997 225.841a23827.303 23827.303 0 0 1-45.976-46.127 7944.91 7944.91 0 0 0 15.058-46.028 11523.106 11523.106 0 0 1-18.745-56.293c-1.041-3.152-3.923-5.292-7.156-5.302-5.694-.021-11.388-.03-17.083-.028-3.88.003-7.153 3.039-7.49 7.006-7.125 84.802-14.575 169.596-21.069 254.301.088 15.364.197 30.729.326 46.094 36.441.24 72.881.045 109.322-.584a6554.45 6554.45 0 0 0 1.586-126.576 8433.761 8433.761 0 0 0-8.773-26.463z"
/>
<path
fill="url(#i)"
d="M336.772 252.304c-44.686.205-80.833 36.423-80.772 81.134v46.125c35.159 0 70.317-.404 105.476-1.212.452-15.247.833-30.495 1.143-45.742-8.315-26.654-16.986-53.436-25.847-80.305z"
/>
<path
fill="url(#j)"
d="M149.381 332.608c-16.84-.242-30.141 13.055-29.544 29.787.173 5.055.357 10.109.551 15.164a4591.996 4591.996 0 0 0 105.476 1.905c-.129-15.365-.238-30.729-.326-46.094a6856.5 6856.5 0 0 1-76.157-.762z"
/>
<path
fill="url(#k)"
d="M362.619 332.608a6853.69 6853.69 0 0 1-137.082.762c-16.842-.068-30.332 13.535-30.054 30.464.077 5.111.159 10.222.245 15.333a4588.57 4588.57 0 0 0 195.884-1.608c.194-5.055.377-10.109.551-15.164.596-16.733-12.704-30.03-29.544-29.787z"
/>
<path
fill="url(#l)"
d="M241.994 133.577c-10.01.02-20.021.063-30.031.127-9.884 30.769-19.817 61.5-29.568 92.138 17.267-.014 34.534-.023 51.801-.027a29577.217 29577.217 0 0 0 34.548-46.122 10439.225 10439.225 0 0 1-26.75-46.116z"
/>
<path
fill="url(#m)"
d="M234.196 225.815c31.267-.008 62.534.001 93.801.026-10.21-30.644-20.597-61.383-30.918-92.155a6834.206 6834.206 0 0 0-55.085-.109c-2.613 30.751-5.233 61.498-7.798 92.238z"
/>
<path
fill="url(#n)"
d="M422.421 361.509a5171.488 5171.488 0 0 1-166.422 2.678 8354.88 8354.88 0 0 1 30 30.641c45-.328 90-1.395 135-3.199 8.276-.339 15.38-7.353 15.816-15.629.436-8.277-6.033-14.752-14.394-14.491z"
/>
<path
fill="url(#o)"
d="M256 364.188c-55.474 0-110.948-.893-166.422-2.678-8.362-.263-14.829 6.215-14.395 14.491.436 8.276 7.54 15.289 15.816 15.629 65 2.607 130 3.673 195 3.199.185-16.982-13.25-30.638-29.999-30.641z"
/>
</svg>
More icons in the same style and category