Add icons to this collection by clicking the heart icon.
Spotlight icon - also known as light, lamp, illumination, lights, tool, work tools, spotlight, spot, lamps, and music and multimedia. Created in a clean flat 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 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="c"
x1="10.989"
x2="10.989"
y1="21.894"
y2="25.122"
gradientTransform="rotate(19.4 13.81 14.173)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e9e7fc" />
<stop offset=".251" stop-color="#dfdffa" />
<stop offset="1" stop-color="#bec3f4" />
</linearGradient>
<linearGradient
id="d"
x1="23.353"
x2="23.353"
y1="24.697"
y2="31.061"
gradientTransform="rotate(19.4 13.81 14.173)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="-7.741"
x2="-7.741"
y1="9.731"
y2="15.051"
gradientTransform="scale(-1) rotate(19.4 75.495 -56.483)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="35.299"
x2="18.486"
y1="25.891"
y2="9.078"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#4c5c75" />
</linearGradient>
<radialGradient
id="g"
cx="7.055"
cy="65.886"
r="29.008"
gradientTransform="rotate(-70.6 13.802 14.164)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".627" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</radialGradient>
<radialGradient
id="h"
cx="17.76"
cy="8.919"
r="13.924"
fx="8.651"
fy="2.798"
gradientTransform="scale(-1) rotate(-70.6 -41.276 31.495)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".216" stop-color="#1d2943" />
<stop offset="1" stop-color="#4c5c75" />
</radialGradient>
<radialGradient
id="i"
cx="8.651"
cy="50.111"
r="6.38"
gradientTransform="rotate(-65.6 13.241 13.217)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd95" />
<stop offset="1" stop-color="#f9a83d" />
</radialGradient>
<linearGradient
id="j"
x1="24.151"
x2="27.628"
y1="12.198"
y2="13.553"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="23.978"
cy="18.689"
r="1.863"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9e7fc" />
<stop offset="1" stop-color="#afb7ef" />
</radialGradient>
<path
fill="url(#c)"
d="m5.3 13.4-3.2 9c-.5 1.3.2 2.7 1.5 3.1l8 2.8 4.8-13.6-8-2.8c-1.2-.5-2.6.2-3.1 1.5z"
/>
<path
fill="url(#d)"
d="M12.6 10.7 6.2 29c-.5 1.3.2 2.7 1.5 3.1l20 7 8.1-23-20-7c-1.3-.4-2.7.3-3.2 1.6z"
/>
<path
fill="url(#e)"
d="M38.2 18.8c1 .4 1.6 1.5 1.2 2.6l-6 16.9c-.1.2-.3.3-.4.3h-.2l-23-8.2c-1-.4-1.6-1.5-1.2-2.6L14 12.4c.4-1 1.5-1.6 2.6-1.2z"
/>
<path fill="url(#f)" d="m36.1 18-9-3.1-2.4.6v8.4l10.2 10.2.7-2.1V18.7z" />
<path
fill="url(#g)"
d="m36.4 50.1-8.8-10.9c.5-8.4 3.2-16.1 8.1-23l13.7-3z"
/>
<path
fill="url(#h)"
d="M36.4 50.1c-1.1-.4.9-9 4.5-19.2s7.4-18.2 8.5-17.8-.9 9-4.5 19.2-7.4 18.2-8.5 17.8z"
/>
<path
fill="url(#i)"
d="m38.6 38.1.6.3c3.8 1.7 8.4 0 10.1-3.8s0-8.4-3.8-10.1c-.6-.3-1.3-.5-1.9-.6-.9 2.1-1.8 4.5-2.6 7-.9 2.6-1.7 5-2.4 7.2z"
/>
<path
fill="url(#j)"
d="m31.9 3.5-4.5-1.6c-.8-.3-1.8.1-2.1 1l-6.1 17.4c-.3.8.1 1.8 1 2.1l4.5 1.6c.8.3 1.8-.1 2.1-1l6.1-17.4c.3-.9-.2-1.8-1-2.1z"
/>
<circle cx="24" cy="18.7" r="1.9" fill="url(#k)" />
</svg>
More icons in the same style and category