Add icons to this collection by clicking the heart icon.
Traffic Cone icon - also known as security, construction, transportation, cone, signaling, alert, road sign, barrier, 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 64 64"
>
<linearGradient
id="a"
x1="10.86"
x2="50.53"
y1="12.12"
y2="60.29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#15b3ff" />
<stop offset="1" stop-color="#e200e9" />
</linearGradient>
<linearGradient
id="b"
x1=".95"
x2="40.61"
y1="20.29"
y2="68.46"
href="#a"
/>
<linearGradient
id="c"
x1="13.7"
x2="53.37"
y1="9.78"
y2="57.95"
href="#a"
/>
<linearGradient
id="d"
x1="8.8"
x2="48.46"
y1="13.82"
y2="61.99"
href="#a"
/>
<linearGradient
id="e"
x1="3.89"
x2="43.56"
y1="17.87"
y2="66.03"
href="#a"
/>
<linearGradient
id="f"
x1="18.61"
x2="58.28"
y1="5.74"
y2="53.91"
href="#a"
/>
<linearGradient
id="g"
x1="23.52"
x2="63.18"
y1="1.7"
y2="49.87"
href="#a"
/>
<path
fill="url(#a)"
d="M50 57H14a1 1 0 0 1-1-1.19l8.77-45.51A9 9 0 0 1 30.61 3h2.78a9 9 0 0 1 8.84 7.3L51 55.81A1 1 0 0 1 50 57zm-34.79-2h33.58l-8.52-44.32A7 7 0 0 0 33.39 5h-2.78a7 7 0 0 0-6.88 5.68z"
/>
<path
fill="url(#b)"
d="M55 61H9a3 3 0 0 1 0-6h46a3 3 0 0 1 0 6zM9 57a1 1 0 0 0 0 2h46a1 1 0 0 0 0-2z"
/>
<path
fill="url(#c)"
d="M45.38 33H18.62a1 1 0 0 1 0-2h26.76a1 1 0 0 1 0 2z"
/>
<path
fill="url(#d)"
d="M47.31 43H16.69a1 1 0 1 1 0-2h30.62a1 1 0 0 1 0 2z"
/>
<path
fill="url(#e)"
d="M49.23 53H14.77a1 1 0 1 1 0-2h34.46a1 1 0 0 1 0 2z"
/>
<path
fill="url(#f)"
d="M43.46 23H20.54a1 1 0 0 1 0-2h22.92a1 1 0 1 1 0 2z"
/>
<path
fill="url(#g)"
d="M41.54 13H22.46a1 1 0 0 1 0-2h19.08a1 1 0 0 1 0 2z"
/>
</svg>
More icons in the same style and category