Add icons to this collection by clicking the heart icon.
Green icon - also known as light, traffic signal, transportation, signaling, green, traffic light, intersection, road sign, and traffic lights. 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="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
>
<stop offset="0" stop-color="#008a4c" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="SVGID_2_"
cx="8389.91"
cy="5606.248"
gradientUnits="userSpaceOnUse"
r="1517.262"
>
<stop offset="0" stop-color="#008a4c" stop-opacity=".8" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</radialGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#006946" />
<stop offset=".2513" stop-color="#008547" />
<stop offset=".3421" stop-color="#128f45" />
<stop offset=".5244" stop-color="#41aa41" />
<stop offset=".7788" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="-73.531"
x2="721.867"
y1="560.601"
y2="-234.797"
href="#lg1"
/>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="120.68"
x2="976.954"
y1="391.321"
y2="-464.954"
href="#lg1"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="-474.311"
x2="374.598"
y1="986.311"
y2="137.402"
>
<stop offset="0" stop-color="#d3ff33" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="-193.491"
x2="782.553"
y1="705.491"
y2="-270.553"
href="#lg1"
/>
<radialGradient
id="SVGID_7_"
cx="256"
cy="364.102"
gradientUnits="userSpaceOnUse"
r="291.843"
>
<stop offset="0" stop-color="#d3ff33" stop-opacity=".6" />
<stop offset=".0082" stop-color="#cefc33" stop-opacity=".592" />
<stop offset=".1013" stop-color="#98dd39" stop-opacity=".506" />
<stop offset=".1952" stop-color="#69c23d" stop-opacity=".418" />
<stop offset=".2884" stop-color="#43ac40" stop-opacity=".331" />
<stop offset=".3804" stop-color="#269b43" stop-opacity=".246" />
<stop offset=".471" stop-color="#118e45" stop-opacity=".161" />
<stop offset=".5596" stop-color="#048746" stop-opacity=".079" />
<stop offset=".6438" stop-color="#008547" stop-opacity="0" />
</radialGradient>
<linearGradient id="lg2">
<stop offset="0" stop-color="#00aa45" />
<stop offset=".7542" stop-color="#d3ff33" />
<stop offset="1" stop-color="#f9fcca" />
</linearGradient>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="-353.892"
x2="487.194"
y1="973.283"
y2="132.198"
href="#lg2"
/>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="63.278"
x2="357.199"
y1="556.115"
y2="262.194"
href="#lg2"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#006946" />
<stop offset=".2513" stop-color="#008547" />
<stop offset=".3409" stop-color="#128f45" />
<stop offset=".5208" stop-color="#41aa41" />
<stop offset=".7719" stop-color="#8cd63a" />
<stop offset=".9901" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="187.8"
x2="589.589"
y1="216.809"
y2="-184.98"
href="#lg3"
/>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="226.831"
x2="489.173"
y1="177.783"
y2="-84.559"
href="#lg3"
/>
<linearGradient
id="SVGID_12_"
gradientUnits="userSpaceOnUse"
x1="187.576"
x2="590.684"
y1="324.424"
y2="-78.684"
href="#lg3"
/>
<linearGradient
id="SVGID_13_"
gradientUnits="userSpaceOnUse"
x1="226.738"
x2="490.24"
y1="285.265"
y2="21.764"
href="#lg3"
/>
<g>
<circle cx="256" cy="256" fill="url(#SVGID_1_)" r="256" />
<circle cx="256" cy="256" fill="url(#SVGID_2_)" r="256" />
<path
d="m412.868 236.58c9.657-9.386 2.669-25.58-11.013-25.784-20.465-.258-40.93-.462-61.395-.612 5.096-5.053 10.184-10.091 15.263-15.109-.04-5.732 2.209-11.203 6.248-15.189 16.646-16.422 33.166-32.613 49.488-48.452 9.378-9.07 2.121-25.504-11.382-26.116-96.052-4.091-192.103-4.091-288.155 0-13.504.613-20.76 17.046-11.382 26.116 16.321 15.839 32.842 32.03 49.488 48.452 4.04 3.985 6.288 9.456 6.248 15.189 5.078 5.018 10.167 10.056 15.263 15.109-20.465.15-40.93.353-61.395.612-13.682.204-20.669 16.398-11.012 25.784 16.795 16.372 33.685 33.01 50.597 49.793 4.104 4.073 6.424 9.588 6.454 15.321 5.146 5.121 10.291 10.254 15.436 15.395-20.446-.199-40.892-.471-61.338-.816-13.681-.205-20.31 15.751-10.5 25.452 17.048 16.905 34.087 33.989 51.043 51.134 4.116 4.16 6.476 9.721 6.576 15.454 65.733 1.916 131.467 1.916 197.2 0 .1-5.733 2.46-11.294 6.576-15.454 16.957-17.144 33.996-34.229 51.044-51.134 9.808-9.702 3.181-25.657-10.5-25.452-20.446.344-40.892.616-61.338.816 5.144-5.141 10.29-10.273 15.436-15.395.029-5.733 2.35-11.248 6.454-15.321 16.911-16.783 33.801-33.421 50.596-49.793z"
fill="url(#SVGID_3_)"
/>
<path
d="m308.5 49c-35-.75-70-.75-105 0-24.798.56-45.452 21.885-45.963 47.071-1.966 106.619-1.966 213.238 0 319.857.511 25.186 21.165 46.512 45.963 47.071 35 .75 70 .75 105 0 24.798-.56 45.453-21.885 45.963-47.071 1.966-106.619 1.966-213.238 0-319.857-.511-25.186-21.164-46.511-45.963-47.071z"
fill="url(#SVGID_4_)"
/>
<path
d="m203.313 447.667c-16.579-.339-30.346-14.486-30.628-31.31-1.664-106.905-1.664-213.81 0-320.714.281-16.823 14.049-30.971 30.628-31.309 35.125-.694 70.25-.694 105.374 0 16.579.339 30.346 14.486 30.628 31.309 1.664 106.905 1.664 213.81 0 320.714-.282 16.823-14.049 30.971-30.628 31.31-35.125.694-70.249.694-105.374 0z"
fill="url(#SVGID_5_)"
/>
<path
d="m308.86 432.334c-35.24.639-70.48.639-105.72 0-8.336-.154-15.195-7.17-15.307-15.619-1.361-107.143-1.361-214.286 0-321.429.112-8.45 6.971-15.466 15.307-15.619 35.24-.639 70.48-.639 105.72 0 8.337.153 15.195 7.17 15.307 15.619 1.361 107.143 1.361 214.286 0 321.429-.112 8.449-6.971 15.465-15.307 15.619z"
fill="url(#SVGID_6_)"
/>
<path
d="m308.86 432.334c-35.24.639-70.48.639-105.72 0-8.336-.154-15.195-7.17-15.307-15.619-1.361-107.143-1.361-214.286 0-321.429.112-8.45 6.971-15.466 15.307-15.619 35.24-.639 70.48-.639 105.72 0 8.337.153 15.195 7.17 15.307 15.619 1.361 107.143 1.361 214.286 0 321.429-.112 8.449-6.971 15.465-15.307 15.619z"
fill="url(#SVGID_7_)"
/>
<path
d="m301.823 363.411c-.176 25.398-20.73 46.332-45.823 46.339-25.093-.007-45.646-20.941-45.823-46.339-.163-25.405 20.389-45.897 45.823-45.911 25.434.014 45.986 20.506 45.823 45.911z"
fill="url(#SVGID_8_)"
/>
<path
d="m271.243 378.973c-25.224.089-45.796-20.732-45.89-46.166-.004-1.268.059-2.519.155-3.76-9.481 8.404-15.411 20.655-15.331 34.364.177 25.398 20.729 46.332 45.823 46.339 23.848-.004 43.566-18.916 45.636-42.581-8.127 7.284-18.758 11.763-30.393 11.804z"
fill="url(#SVGID_9_)"
/>
<path
d="m301.823 148.59c.164 25.405-20.389 45.897-45.823 45.911-25.433-.014-45.986-20.505-45.823-45.911.177-25.398 20.729-46.332 45.823-46.339 25.093.006 45.646 20.94 45.823 46.339z"
fill="url(#SVGID_10_)"
/>
<path
d="m271.301 163.771c-25.373-.077-45.869-20.582-45.718-46.023.006-1.267.077-2.52.182-3.762-9.459 8.523-15.509 20.898-15.588 34.604-.163 25.405 20.389 45.897 45.823 45.911 24.164-.011 43.917-18.523 45.679-42.155-8.052 7.131-18.697 11.455-30.378 11.425z"
fill="url(#SVGID_11_)"
/>
<path
d="m302.125 256c-.006 25.402-20.694 46.115-46.125 46.125-25.431-.011-46.119-20.723-46.125-46.125.006-25.402 20.694-46.115 46.125-46.125 25.43.011 46.119 20.724 46.125 46.125z"
fill="url(#SVGID_12_)"
/>
<path
d="m271.373 271.372c-25.465.006-46.135-20.657-46.106-46.094.001-1.268.068-2.519.17-3.761-9.532 8.464-15.562 20.777-15.561 34.484.006 25.402 20.694 46.115 46.125 46.125 24.165-.007 44.031-18.719 45.959-42.368-8.144 7.207-18.852 11.609-30.587 11.614z"
fill="url(#SVGID_13_)"
/>
</g>
</svg>
More icons in the same style and category