Add icons to this collection by clicking the heart icon.
Light icon - also known as light, christmas, illumination, lights, decoration, and light bulb. Created in a clean flat style with a white 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#f5f5ff" />
<circle cx="256" cy="256" r="202.667" fill="#e6e6ff" />
<circle cx="256" cy="256" r="149.333" fill="#d7d7ff" />
<linearGradient
id="a"
x1="8.188"
x2="8.188"
y1="558.938"
y2="538.938"
gradientTransform="matrix(5.3333 0 0 -5.3333 212.333 3343.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffffcf" />
<stop offset="1" stop-color="#ffc4c3" />
</linearGradient>
<path
d="M266.667 469.333h-21.333c-23.467 0-42.667-19.2-42.667-42.667v-64h106.667v64c-.001 23.467-19.201 42.667-42.667 42.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="8.188"
x2="8.188"
y1="608.938"
y2="618.938"
gradientTransform="matrix(5.3333 0 0 -5.3333 212.333 3343.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffffcf" />
<stop offset="1" stop-color="#ffc4c3" />
</linearGradient>
<path
d="M306.667 70.933C294.933 86.4 276.8 96 256 96s-38.933-10.133-50.667-25.067c16-17.6 34.133-28.267 50.667-28.267s34.667 10.667 50.667 28.267z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="8.188"
x2="8.188"
y1="562.938"
y2="613.638"
gradientTransform="matrix(5.3333 0 0 -5.3333 212.333 3343.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#60a8ff" />
<stop offset="1" stop-color="#c143ff" />
</linearGradient>
<path
d="M362.667 224c0 54.933-20.8 117.333-42.667 117.333H192c-27.733 0-42.667-64.533-42.667-117.333 0-61.867 25.067-120 56-153.067C217.067 86.4 235.2 96 256 96s38.933-9.6 50.667-25.067c30.933 33.067 56 91.2 56 153.067z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="8.188"
x2="8.188"
y1="558.938"
y2="562.938"
gradientTransform="matrix(5.3333 0 0 -5.3333 212.333 3343.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffaacf" />
<stop offset="1" stop-color="#ff3f9a" />
</linearGradient>
<path d="M192 341.333h128v21.333H192z" fill="url(#d)" />
<circle cx="154.667" cy="48" r="16" fill="#fff" />
<circle cx="362.667" cy="42.667" r="10.667" fill="#fff" />
<circle cx="85.333" cy="138.667" r="10.667" fill="#fff" />
<circle cx="410.667" cy="229.333" r="16" fill="#fff" />
<circle cx="474.667" cy="282.667" r="5.333" fill="#fff" />
<circle cx="32" cy="256" r="10.667" fill="#fff" />
<circle cx="389.333" cy="389.333" r="5.333" fill="#fff" />
<circle cx="101.333" cy="346.667" r="5.333" fill="#fff" />
</svg>
More icons in the same style and category