Add icons to this collection by clicking the heart icon.
Security icon - also known as light, security, sign, transportation, signaling, light bulb, electronics, beacon, car light, and headlight. 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="c"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00aa45" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="d"
cx="256.001"
cy="256"
r="277.117"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00aa45" />
<stop offset=".137" stop-color="#04ac45" stop-opacity=".863" />
<stop offset=".274" stop-color="#10b144" stop-opacity=".726" />
<stop offset=".413" stop-color="#24b942" stop-opacity=".587" />
<stop offset=".552" stop-color="#41c43f" stop-opacity=".448" />
<stop offset=".692" stop-color="#65d33c" stop-opacity=".308" />
<stop offset=".832" stop-color="#92e539" stop-opacity=".169" />
<stop offset=".969" stop-color="#c6fa34" stop-opacity=".031" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</radialGradient>
<linearGradient
id="e"
x1="485.488"
x2="324.181"
y1="325.747"
y2="164.44"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5ccd38" />
<stop offset=".218" stop-color="#79d937" />
<stop offset=".75" stop-color="#baf434" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="f"
x1="161.715"
x2="291.985"
y1="479.429"
y2="349.16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#95e12e" />
<stop offset=".086" stop-color="#9ae334" />
<stop offset=".203" stop-color="#a7e846" />
<stop offset=".316" stop-color="#b8ef5d" />
<stop offset=".401" stop-color="#bbf063" />
<stop offset=".515" stop-color="#c2f174" />
<stop offset=".645" stop-color="#cef490" />
<stop offset=".788" stop-color="#e0f8b7" />
<stop offset=".94" stop-color="#f5fde9" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b8ef5c" />
<stop offset=".197" stop-color="#cbf387" />
<stop offset=".463" stop-color="#e1f8ba" />
<stop offset=".696" stop-color="#f1fce0" />
<stop offset=".882" stop-color="#fbfef7" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="182.647"
x2="361.827"
y1="489.158"
y2="309.978"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="7.04"
x2="289.182"
y1="347.082"
y2="64.941"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5ccd38" />
<stop offset=".151" stop-color="#66d138" />
<stop offset=".405" stop-color="#80dc36" />
<stop offset=".73" stop-color="#aaee35" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="i"
x1="66.081"
x2="430.469"
y1="446.496"
y2="82.109"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5ccd38" />
<stop offset=".317" stop-color="#8de136" />
<stop offset=".615" stop-color="#b3f134" />
<stop offset=".852" stop-color="#cafb33" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="j"
x1="325.973"
x2="545.17"
y1="223.953"
y2="4.756"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3ff33" />
<stop offset=".126" stop-color="#d5ff3d" />
<stop offset=".338" stop-color="#dcfe57" />
<stop offset=".611" stop-color="#e7fd82" />
<stop offset=".929" stop-color="#f5fcbc" />
<stop offset="1" stop-color="#f9fcca" />
</linearGradient>
<linearGradient
id="k"
x1="376.783"
x2="60.478"
y1="398.923"
y2="82.618"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8ef5c" />
<stop offset=".569" stop-color="#e1f8bb" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="l"
x1="320.638"
x2="111.534"
y1="477.866"
y2="268.762"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="424.076"
x2="175.11"
y1="426.421"
y2="675.387"
gradientTransform="matrix(0 1 1 0 -227 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="308.989"
x2="11.508"
y1="331.998"
y2="34.517"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8ef5c" />
<stop offset=".871" stop-color="#f6fdea" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f9fcca" />
<stop offset=".484" stop-color="#fcfee6" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="o"
x1="237.973"
x2="320.534"
y1="310.067"
y2="227.506"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="263.598"
x2="139.617"
y1="317.597"
y2="193.616"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M179.697 446.898a18825.768 18825.768 0 0 1 29.8-30.241 10656.617 10656.617 0 0 0-30.75-30.995c-.107-8.452 6.667-15.235 15.11-15.168C214.486 360.443 235.215 350.25 256 340c20.785 10.25 41.514 20.443 62.144 30.494 8.443-.067 15.217 6.716 15.11 15.168a10656.617 10656.617 0 0 0-30.75 30.995 18825.768 18825.768 0 0 1 29.8 30.241c-.167 8.452-7.026 15.451-15.303 15.591-40.667.681-81.333.681-122 0-8.28-.141-15.138-7.14-15.304-15.591z"
/>
<path
fill="url(#f)"
d="M179.697 446.898c30.195.576 60.389.81 90.584.702-30.122-20.389-60.717-41.159-91.534-61.937.246 20.411.562 40.823.95 61.235z"
/>
<path
fill="url(#g)"
d="M178.747 385.662c18.083 35.504 52.874 59.453 91.534 61.937 20.675-.074 41.349-.308 62.023-.702.387-20.412.704-40.824.95-61.236-51.503.618-103.005.618-154.507.001z"
/>
<path
fill="url(#h)"
d="M105 97.132c-16.54.709-30.666 14.828-31.383 31.368-2.933 70-3.813 140-2.64 210 .286 16.542 14.327 30.317 31.191 30.684 15.281.311 30.563.576 45.844.794A6318.53 6318.53 0 0 1 150 95.543c-15 .437-30 .967-45 1.589z"
/>
<path
fill="url(#i)"
d="M285.706 94.121c-45.235-.369-90.471.105-135.706 1.422-16.539.498-30.494 14.597-31.039 31.324-.157 5.054-.307 10.109-.449 15.163 19.369 29.766 39.396 60.03 59.706 90.543-20.627 30.722-41.221 61.277-61.406 91.417.047 5.054.102 10.109.165 15.163.219 16.728 14.171 30.567 31.035 30.825a7556.799 7556.799 0 0 0 261.819-.794c16.865-.367 30.903-14.142 31.191-30.684.335-20 .503-40 .503-60-51.692-60-104.893-122.508-155.819-184.379z"
/>
<path
fill="url(#j)"
d="M407 97.132a3644.426 3644.426 0 0 0-121.294-3.011c23.315 81.258 81.164 148.852 155.819 184.379 0-50-1.047-100-3.142-150-.718-16.54-14.842-30.659-31.383-31.368z"
/>
<path
fill="url(#k)"
d="M116.813 323.99c9.951-30.233 20.248-60.663 30.703-91.229-10.013-30.42-19.744-60.684-29.003-90.73a4960.369 4960.369 0 0 1 274.975 0c-9.259 30.046-18.99 60.31-29.003 90.73 10.455 30.566 20.752 60.996 30.703 91.229-92.792.847-185.584.847-278.375 0z"
/>
<path
fill="url(#l)"
d="M116.813 323.99c-.567-60.653 0-121.306 1.7-181.959a38840.219 38840.219 0 0 1 75.177 67.474c-.095 15.332-.159 30.665-.191 45.997a16933.405 16933.405 0 0 1-76.686 68.488z"
/>
<path
fill="url(#m)"
d="M395.188 323.99c.567-60.653 0-121.306-1.7-181.959a38840.219 38840.219 0 0 0-75.177 67.474c.095 15.332.159 30.665.191 45.997a16825.688 16825.688 0 0 0 76.686 68.488z"
/>
<path
fill="url(#n)"
d="M162.729 286.14c-.037-35.654.185-71.308.664-106.962a6955.822 6955.822 0 0 1 185.215 0c.479 35.654.701 71.308.664 106.962-62.182.063-124.362.063-186.543 0z"
/>
<path
fill="url(#o)"
d="M341.294 209.672c-20.43-.172-40.859-.282-61.289-.331.037 15.369.062 30.737.073 46.106 20.492.016 40.984.053 61.477.11 12.733.028 23.024-10.174 22.929-22.796-.093-12.622-10.505-22.975-23.19-23.089z"
/>
<path
fill="url(#p)"
d="M147.516 232.761c.096-12.622 10.503-22.975 23.19-23.089 36.433-.307 72.866-.417 109.299-.331 12.687.033 23.03 10.394 23.073 23.107.042 12.713-10.266 23.006-23 22.999-36.545-.029-73.089.008-109.633.11-12.732.028-23.026-10.174-22.929-22.796z"
/>
</svg>
More icons in the same style and category