Add icons to this collection by clicking the heart icon.
Light icon - also known as signs, light, hearts, signaling, billboard, concert, and festival. 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fdcdb6" />
<stop offset=".186" stop-color="#fdb5b7" />
<stop offset=".52" stop-color="#fe81b9" />
<stop offset="1" stop-color="#fdc1f4" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="491.2"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="491.2"
y1="56"
y2="56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="491.2"
y1="120"
y2="120"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="491.2"
y1="184"
y2="184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="491.2"
y1="248"
y2="248"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="491.2"
y1="138.096"
y2="138.096"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="0"
x2="491.2"
y1="155.144"
y2="155.144"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="491.2"
y1="155.12"
y2="155.12"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M0 304h200v176h80V304h200V0H0zm264 160h-48V304h48zM16 16h448v272H16zm0 0"
/>
<path
fill="url(#c)"
d="M56 32c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#d)"
d="M56 96c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#e)"
d="M56 160c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#f)"
d="M56 224c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#c)"
d="M424 80c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<path
fill="url(#d)"
d="M424 144c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<path
fill="url(#e)"
d="M424 208c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<path
fill="url(#f)"
d="M424 272c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<g fill="url(#c)">
<path
d="M352 80c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zM280 80c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zM200 80c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zM128 80c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
</g>
<path
fill="url(#f)"
d="M352 224c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM280 224c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM224 248c0-13.254-10.746-24-24-24s-24 10.746-24 24 10.746 24 24 24 24-10.746 24-24zm-32 0a8 8 0 1 1 16 0 8 8 0 0 1-16 0zM128 224c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#g)"
d="M193.137 128a29.329 29.329 0 0 0 10.062 22.398l36.985 27.77 37.097-28.152c6.106-5.688 9.574-13.657 9.574-22s-3.468-16.313-9.574-22A32.45 32.45 0 0 0 240 102.23a32.442 32.442 0 0 0-37.273 3.754 29.113 29.113 0 0 0-9.59 22.016zm20.136-9.984a16.358 16.358 0 0 1 21.454 0l5.273 4.617 5.273-4.617c6.149-5.352 15.305-5.352 21.454 0 5.336 5.367 5.543 13.968.472 19.586l-27.039 20.503-26.855-20.144a14.113 14.113 0 0 1-4.153-10c0-3.754 1.493-7.352 4.153-10zm0 0"
/>
<path
fill="url(#h)"
d="m304.977 190.742 46.136 6.32c.582.043 1.168.067 1.758.067a30.143 30.143 0 0 0 21.2-9.469 30.126 30.126 0 0 0 8.175-21.73 32.403 32.403 0 0 0-23.703-29 32.407 32.407 0 0 0-29-23.707 30.008 30.008 0 0 0-31.078 31.738zm13.527-57.414a13.068 13.068 0 0 1 9.984-4.144c8.153.554 14.645 7.046 15.2 15.199l.464 6.984 6.993.473c8.152.555 14.644 7.047 15.199 15.2a13.125 13.125 0 0 1-4.137 9.976 12.897 12.897 0 0 1-9.422 4.191l-33.601-4.621-4.786-33.281a13.142 13.142 0 0 1 4.106-9.977zm0 0"
/>
<path
fill="url(#i)"
d="M172.945 122.008a29.093 29.093 0 0 0-22.36-8.801 32.442 32.442 0 0 0-28.983 23.723 32.43 32.43 0 0 0-23.707 29 30.067 30.067 0 0 0 8.27 21.82 30.05 30.05 0 0 0 21.386 9.328c.68 0 1.36 0 2.05-.07l45.598-6.266 6.57-46.398a29.121 29.121 0 0 0-8.824-22.336zm-11.93 54.535L128 181.105a12.992 12.992 0 0 1-9.977-4.136 13.16 13.16 0 0 1-4.144-9.977c.558-8.152 7.047-14.644 15.2-15.199l6.921-.45.465-6.984a16.355 16.355 0 0 1 15.2-15.199h.702a13.327 13.327 0 0 1 9.281 4.16 13.082 13.082 0 0 1 4.192 9.375zm0 0"
/>
</svg>
More icons in the same style and category