Add icons to this collection by clicking the heart icon.
Traffic Cone icon - also known as post, cone, signaling, urban, smileys, traffic cone, bollards, and construction and tools. Created in a clean lineal color style with a white, black, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-144.431 36.844L-288.862 0l-47.933-128.363 192.364-34.156 192.364 34.156z"
transform="matrix(1.33333 0 0 -1.33333 533.908 410.438)"
fill="#ff9148"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-89.022 29.473L-178.045 0l-27.895-74.703 116.918-36.844L27.895-74.703Z"
transform="matrix(1.33333 0 0 -1.33333 460.03 212.584)"
fill="#ff9148"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a18.222 18.222 0 0 1-17.063 11.848h-39.311c-7.597 0-14.4-4.723-17.063-11.848l-24.79-66.402 61.509-44.215L24.79-66.402z"
transform="translate(292.718 492.652)"
fill="#ff9148"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-421.741c-7.837 0-14.19-6.353-14.19-14.19v-39.93c0-7.837 6.353-14.19 14.19-14.19H0c7.837 0 14.19 6.353 14.19 14.19v39.93C14.19-6.353 7.837 0 0 0"
transform="translate(466.87 75.81)"
fill="#ffa92d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v39.93c0 7.837 6.353 14.19 14.19 14.19h-30c-7.837 0-14.19-6.353-14.19-14.19V0c0-7.837 6.353-14.19 14.19-14.19h30C6.353-14.19 0-7.837 0 0"
transform="translate(60.94 21.69)"
fill="#ff9148"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 31.142 83.402A18.222 18.222 0 0 0 48.204 95.25h-30A18.22 18.22 0 0 1 1.142 83.402L-23.649 17Z"
transform="translate(218.14 409.25)"
fill="#ff7d4a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-178.045l27.514 73.688h123.017z"
transform="translate(345.022 352.562)"
fill="#ececed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.895-74.703 26.839-8.458 35.283 94.493z"
transform="translate(166.977 352.563)"
fill="#ff7d4a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.155-8.458-47.933-128.363h30z"
transform="translate(144.723 212.63)"
fill="#ff7d4a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-288.862l27.513 73.688h233.835z"
transform="translate(400.431 204.172)"
fill="#ececed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.514-73.688H2.483L29.998 0Z"
transform="translate(139.082 277.86)"
fill="#dfdfdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.514-73.688H2.482L29.996 0Z"
transform="translate(194.491 426.25)"
fill="#dfdfdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.366"
transform="translate(171.096 151.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.366"
transform="translate(340.905 136.373)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.944-5.656-12.495-9.271-20.956-9.271-8.46 0-16.011 3.615-20.955 9.271"
transform="translate(276.956 137.442)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a18.221 18.221 0 0 1-17.063 11.847h-39.311c-7.597 0-14.4-4.722-17.063-11.847l-24.79-66.403H24.79Z"
transform="translate(292.719 492.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-178.045l27.514 73.688h123.017z"
transform="translate(345.023 352.562)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.169L11.273 74.703h-178.044L-194.667 0H-30"
transform="translate(333.75 277.86)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-164.667l-27.513-73.688H96.683L69.169 0H30"
transform="translate(303.75 277.86)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h307.615l-47.932 128.362H-29.18L-77.112 0H-30"
transform="translate(140.75 75.81)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-65.619c-7.837 0-14.19-6.353-14.19-14.19v-39.93c0-7.837 6.353-14.19 14.19-14.19h421.741c7.836 0 14.19 6.353 14.19 14.19v39.93c0 7.837-6.354 14.19-14.19 14.19H30"
transform="translate(110.75 75.81)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category