Add icons to this collection by clicking the heart icon.
Roundabout icon - also known as direction, road, traffic signal, signaling, roundabout, traffic sign, road signs, and regulation. 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="b"
cx="-1557.972"
cy="449.789"
r="158.206"
gradientTransform="matrix(-.404 0 0 1 -383.957 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".065" stop-color="#fdfdfd" />
<stop offset=".514" stop-color="#f1f1f4" />
<stop offset=".978" stop-color="#dfdde2" />
</radialGradient>
<radialGradient
id="c"
cx="305.03"
cy="402.771"
r="278.179"
gradientTransform="matrix(0 1 -.329 0 437.479 97.741)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".1" stop-color="#c6c1c8" />
<stop offset=".539" stop-color="#a298a5" />
<stop offset="1" stop-color="#756e78" />
</radialGradient>
<radialGradient
id="d"
cx="77.584"
cy="199.226"
r="181.652"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8993da" />
<stop offset=".578" stop-color="#5e6ccd" />
<stop offset=".665" stop-color="#5766cb" />
<stop offset=".901" stop-color="#4657c6" />
<stop offset="1" stop-color="#3d4fc3" />
</radialGradient>
<radialGradient
id="e"
cx="118.393"
cy="44.978"
r="203.094"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e7ecf6" />
<stop offset=".514" stop-color="#a2aae2" />
<stop offset="1" stop-color="#8993da" />
</radialGradient>
<radialGradient
id="f"
cx="338.192"
cy="193.776"
r="289.326"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5766cb" />
<stop offset=".192" stop-color="#5160c5" />
<stop offset=".449" stop-color="#404fb6" />
<stop offset=".597" stop-color="#3342aa" />
<stop offset="1" stop-color="#26457d" />
</radialGradient>
<radialGradient
id="g"
cx="322.402"
cy="1848.048"
r="95.599"
gradientTransform="matrix(.931 0 0 .112 -38.569 294.276)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6c1c8" />
<stop offset=".243" stop-color="#dddbdf" />
<stop offset=".496" stop-color="#f1f1f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#dfdde2" />
<stop offset=".204" stop-color="#d5d2d8" />
<stop offset=".563" stop-color="#b9b4bd" />
<stop offset=".671" stop-color="#afaab4" />
<stop offset="1" stop-color="#a298a5" />
</linearGradient>
<radialGradient
id="h"
cx="335.086"
cy="192.552"
r="283.949"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="337.431"
cy="193.591"
r="287.691"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M233.131 500.636h30.028l12.438-266.281-42.466 4.529z"
/>
<path fill="url(#c)" d="M262.917 238.884h33.211v261.752h-33.211z" />
<path
fill="url(#d)"
d="m217.52 179.726-145.337 31.37c19.533 70.172 83.897 121.666 160.295 121.666h47.044c-37.622 0-55.187-87.152-62.002-153.036z"
/>
<path
fill="url(#e)"
d="M279.522 0h-47.044C140.588 0 66.097 74.491 66.097 166.381c0 15.492 2.125 30.486 6.086 44.715H212.87C203.039 116.06 225.254 0 279.522 0z"
/>
<circle cx="279.522" cy="166.381" r="166.381" fill="url(#f)" />
<path
fill="url(#g)"
d="M262.888 512c51.225 0 92.751-5.088 92.751-11.364H170.137c0 6.276 41.526 11.364 92.751 11.364z"
/>
<path
fill="url(#h)"
d="M279.522 10.01c-86.224 0-156.372 70.148-156.372 156.372s70.148 156.372 156.372 156.372 156.372-70.148 156.372-156.372S365.746 10.01 279.522 10.01zm0 302.734c-80.705 0-146.362-65.658-146.362-146.362S198.817 20.019 279.522 20.019s146.362 65.658 146.362 146.362-65.657 146.363-146.362 146.363z"
/>
<path
fill="url(#i)"
d="m409.587 152.825-37.081 50.162-24.909-57.191 17.305 1.962c-7.661-34.804-36.525-62.475-72.421-67.805l3.675-24.752c24.918 3.7 48.165 15.915 65.458 34.394 15.786 16.87 26.018 38.35 29.226 61.103zM264.724 67.577l-61.982-7.034 7.529 17.291c-27.148 21.252-43.161 53.861-43.161 88.554 0 14.211 2.62 28.067 7.788 41.183l23.281-9.172c-4.012-10.183-6.046-20.954-6.046-32.012 0-24.765 10.499-48.165 28.559-64.622l6.956 15.976zm83.18 153.231c-16.7 20.954-41.624 32.971-68.382 32.971-9.145 0-18.038-1.375-26.564-4.099l10.38-14.039-61.982-7.034 24.891 57.199 11.197-15.143c13.347 5.405 27.47 8.14 42.078 8.14 34.419 0 66.476-15.453 87.95-42.397z"
/>
</svg>
More icons in the same style and category