Add icons to this collection by clicking the heart icon.
Light icon - also known as technology, light, illumination, spotlight, and music and multimedia. Created in a clean flat gradient style with a orange 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fef328" />
<stop offset=".886" stop-color="#ff7f02" />
</linearGradient>
<linearGradient
id="b"
x1="1919.283"
x2="1919.283"
y1="-2396.625"
y2="-2423.267"
gradientTransform="rotate(-45 3926.644 1111.668)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="1150.647"
x2="1194.45"
y1="3411.829"
y2="3411.829"
gradientTransform="rotate(45 4683.623 332.865)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="33.692"
x2="19.125"
y1="18.383"
y2="32.95"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="16.102"
cy="14.557"
r="3.636"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" stop-opacity=".5" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="f"
cx="16.102"
cy="14.557"
r="2.693"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="g"
x1="1150.429"
x2="1194.674"
y1="3408.946"
y2="3408.946"
gradientTransform="rotate(45 4683.624 332.861)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="1933.084"
x2="1933.084"
y1="-2405.588"
y2="-2417.531"
gradientTransform="matrix(.696 -.696 .707 .707 388.682 3077.731)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="i"
x1="38.328"
x2="38.328"
y1="7.468"
y2="14.59"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="29.324"
x2="29.324"
y1=".486"
y2="9.403"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="43.957"
x2="43.957"
y1="18.6"
y2="23.033"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M8.046 17.908 34.167 44.03c-6.331 2.193-7.02.221-12.354 4.737-6.155 6.155-24.66-12.35-18.504-18.505 4.515-5.333 2.54-6.026 4.737-12.354z"
/>
<path
fill="url(#c)"
d="m9.828 11.275-1.863 3.681c-2.015 3.985 2.31 12.61 9.427 19.727C24.509 41.8 33.135 46.126 37.12 44.11l3.681-1.863-.394-.394c2.424-3.799-1.134-12.561-9.38-20.807-8.246-8.246-17.006-11.802-20.805-9.378z"
/>
<path
fill="url(#d)"
d="M9.828 11.274c-2.266 4.479 2.208 13.751 9.715 21.258s16.78 11.981 21.258 9.716c5.225-2.644 2.091-13.19-7.847-23.127S12.471 6.049 9.828 11.274z"
/>
<circle cx="16.102" cy="14.557" r="3.636" fill="url(#e)" />
<path
fill="url(#f)"
d="m16.573 14.804.896 1.12-1.121-.897-.246 2.224-.247-2.224-1.12.897.896-1.12-2.223-.247 2.223-.247-.896-1.12 1.12.896.247-2.222.246 2.223 1.12-.897-.895 1.12 2.222.247z"
/>
<path
fill="url(#g)"
d="M40.801 42.248c5.225-2.644 2.091-13.19-7.847-23.127-9.937-9.938-20.483-13.072-23.126-7.847-2.266 4.479 2.208 13.751 9.715 21.258-2.461-2.552-4.751-5.344-6.688-8.56-2.007-3.353-4.683-9.102-2.9-12.571a3.895 3.895 0 0 1 1.176-1.378c2.743-1.99 7.565-.286 10.597 1.22 4.002 2.032 7.641 4.891 10.93 8.174 3.282 3.29 6.142 6.928 8.174 10.93 1.515 3.051 3.207 7.856 1.219 10.597-.33.456-.791.875-1.377 1.176-1.158.595-2.52.643-3.809.505-1.205-.135-2.305-.442-3.334-.794-2.01-.7-3.781-1.625-5.427-2.61-3.217-1.938-6.009-4.228-8.561-6.689 7.507 7.507 16.78 11.981 21.258 9.716z"
/>
<path
fill="url(#h)"
d="M31.86 32.31c1.749-.94 1.827-6.387-1.94-10.154s-9.215-3.69-10.154-1.941c-.83 1.542.999 5.096 3.999 8.096s6.554 4.828 8.096 3.999z"
/>
<path
fill="#f85a03"
d="m42.817 12.245-4.189 4.189c-.473.473-1.131.614-1.593.53l-.858.023.327-.525-.028-.028a1.904 1.904 0 0 1-.003-2.688l2.188-2.188 1.587-2.548.978.01c.762-.113 1.41.242 1.789.786.487.699.531 1.71-.198 2.439z"
/>
<path
fill="url(#i)"
d="m41.767 9.56-.002-.002a1.9 1.9 0 0 0-2.687 0l-4.189 4.189a1.9 1.9 0 0 0 0 2.686l.002.002a1.9 1.9 0 0 0 2.687 0l4.189-4.188a1.9 1.9 0 0 0 0-2.687z"
/>
<path
fill="#f85a03"
d="m32.636 4.63-1.173 6.205c-.256.618-.81 1-1.269 1.1l-.784.35.102-.61-.037-.016a1.904 1.904 0 0 1-1.032-2.482l.09-3.59.492-2.961.907-.366a1.81 1.81 0 0 1 1.776-.06c.822.415 1.354 1.402.928 2.43z"
/>
<path
fill="url(#j)"
d="M30.637 2.552a1.901 1.901 0 0 0-2.484 1.029l-1.171 6.2a1.901 1.901 0 1 0 3.512 1.456l1.172-6.201a1.901 1.901 0 0 0-1.03-2.484z"
/>
<path
fill="#f85a03"
d="M49.782 21.128a1.904 1.904 0 0 1-1.025 2.484l-6.204 1.173c-.618.256-1.28.134-1.676-.12l-.8-.307.503-.36-.016-.037a1.904 1.904 0 0 1 1.026-2.484l3.59-.09 2.441-1.746.9.383c.53.133 1.022.527 1.261 1.104z"
/>
<path
fill="url(#k)"
d="M48.814 20.729a1.901 1.901 0 0 0-2.484-1.03l-6.202 1.172a1.901 1.901 0 0 0 1.455 3.513l6.202-1.172a1.901 1.901 0 0 0 1.029-2.483z"
/>
</svg>
More icons in the same style and category