Add icons to this collection by clicking the heart icon.
Cone icon - also known as traffic, post, cone, urban, traffic cone, and construction and tools. Created in a clean lineal color style with a white, silver, gray, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-54.515a20 20 0 0 1-19.104-14.083L-209.257-452h364L19.105-14.083A20.001 20.001 0 0 1 0 0"
transform="translate(283.257 504.5)"
fill="#ffd187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-79.133 0-143.283 64.15-143.283 143.283V307c0 11.046 8.954 20 20 20h-47.257a20 20 0 0 1-19.105-14.083L-325.283-125h364z"
transform="translate(399.283 177.5)"
fill="#e9a45d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h364l-54.746 176.75H54.746Z"
transform="translate(74 52.5)"
fill="#ededed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-44.328 0-83.951 20.133-110.233 51.75h-160.305L-325.283-125h364z"
transform="translate(399.283 177.5)"
fill="#d7d6dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-338.562a19.998 19.998 0 0 1-18.89-13.43L-392.781-115h447L18.89-13.43A20 20 0 0 1 0 0"
transform="translate(425.281 137.5)"
fill="#ffd187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80a20 20 0 0 1-18.89-13.43L-134.219-115h80L-18.89-13.43A20 20 0 0 0 0 0"
transform="translate(166.719 137.5)"
fill="#e9a45d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-467c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(489.5 7.5)"
fill="#e9a45d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-195.667c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15H0c-8.284 0-15 6.716-15 15C-15-6.716-8.284 0 0 0"
transform="translate(218.167 37.5)"
fill="#da9145"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.925-13.157-23.403-29.387-23.403-16.231 0-29.388 10.478-29.388 23.403 0 12.925 13.157 23.403 29.388 23.403C-13.157 23.403 0 12.925 0 0"
transform="translate(205.743 71.731)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.925 13.157-23.403 29.388-23.403 16.23 0 29.387 10.478 29.387 23.403 0 12.925-13.157 23.403-29.387 23.403C13.157 23.403 0 12.925 0 0"
transform="translate(306.257 71.731)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.643-10.608 16.019-23.694 16.019-13.085 0-23.693-1.376-23.693-16.019 0-14.643 10.608-26.513 23.693-26.513C-10.608-26.513 0-14.643 0 0"
transform="translate(279.694 89.713)"
fill="#4b5562"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12"
transform="translate(181.268 111.671)"
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 0c0 14.643-10.608 16.019-23.693 16.019-13.086 0-23.694-1.376-23.694-16.019 0-14.643 10.608-26.513 23.694-26.513C-10.608-26.513 0-14.643 0 0Z"
transform="translate(279.693 89.713)"
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 0v-12"
transform="translate(330.732 111.671)"
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 0h197.673l-28.418 91.75H28.418Z"
transform="translate(157.164 321)"
fill="#ededed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.418-91.75h98.836V0Z"
transform="translate(185.582 412.75)"
fill="#d7d6dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-108.266 349.545a20 20 0 0 1-19.105 14.083h-54.514a20 20 0 0 1-19.105-14.083L-309.255.003"
transform="translate(410.628 140.872)"
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-184.399"
transform="translate(315.732 229.25)"
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-35.267"
transform="translate(381 229.25)"
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 0-29.306 84.254a20 20 0 0 1-18.89 13.43h-338.562a20 20 0 0 1-18.89-13.43L-434.69.758"
transform="translate(473.477 39.816)"
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 0h293c8.284 0 15-6.716 15-15v0c0-8.284-6.716-15-15-15h-467c-8.284 0-15 6.716-15 15v0c0 8.284 6.716 15 15 15h144.219"
transform="translate(196.5 37.5)"
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-133"
transform="translate(322.5 412.75)"
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 0h190.499"
transform="translate(160.5 321)"
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