Add icons to this collection by clicking the heart icon.
String Lights icon - also known as christmas, illumination, lights, decoration, light bulb, birthday and party, and string lights. Created in a clean lineal color style with a white and purple 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" />
<circle cx="149.333" cy="96" r="32" fill="#f0f0ff" />
<circle cx="341.333" cy="202.667" r="32" fill="#f0f0ff" />
<circle cx="149.333" cy="309.333" r="32" fill="#f0f0ff" />
<circle cx="341.333" cy="416" r="32" fill="#f0f0ff" />
<circle cx="213.333" cy="202.667" r="32" fill="#f0f0ff" />
<circle cx="277.333" cy="309.333" r="32" fill="#f0f0ff" />
<circle cx="213.333" cy="416" r="32" fill="#f0f0ff" />
<path
d="M245.333 96c0 17.6 14.4 32 32 32H320V64h-42.667c-17.6 0-32 14.4-32 32z"
fill="#f0f0ff"
/>
<linearGradient
id="a"
x1="-11.813"
x2="-11.813"
y1="602.938"
y2="614.938"
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>
<circle cx="149.333" cy="96" r="32" fill="url(#a)" />
<linearGradient
id="b"
x1="24.188"
x2="24.188"
y1="582.938"
y2="594.938"
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>
<circle cx="341.333" cy="202.667" r="32" fill="url(#b)" />
<linearGradient
id="c"
x1="-11.813"
x2="-11.813"
y1="562.938"
y2="574.938"
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>
<circle cx="149.333" cy="309.333" r="32" fill="url(#c)" />
<linearGradient
id="d"
x1="24.188"
x2="24.188"
y1="542.938"
y2="554.938"
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>
<circle cx="341.333" cy="416" r="32" fill="url(#d)" />
<path
d="M394.667 304h-80.533c-2.667-18.133-18.133-32-36.8-32s-34.133 13.867-36.8 32h-54.4c-2.667-18.133-18.133-32-36.8-32s-34.667 13.867-36.8 32c-30.4 2.667-53.867 27.733-53.867 58.667a58.498 58.498 0 0 0 58.667 58.667h59.2c2.667 18.133 18.133 32 36.8 32s34.133-13.867 36.8-32h54.4c2.667 18.133 18.133 32 36.8 32 20.8 0 37.333-16.533 37.333-37.333 0-20.8-16.533-37.333-37.333-37.333-18.667 0-34.133 13.867-36.8 32h-54.4c-2.667-18.133-18.133-32-36.8-32s-34.133 13.867-36.8 32h-59.2c-26.667 0-48-21.333-48-48 0-25.067 19.2-45.333 43.2-48 2.667 18.133 18.133 32 36.8 32s34.133-13.867 36.8-32h54.4c2.667 18.133 18.133 32 36.8 32 18.667 0 34.133-13.867 36.8-32h80.533c32.533 0 58.667-26.133 58.667-58.667s-26.133-58.667-58.667-58.667h-16.533c-2.667-18.133-18.133-32-36.8-32s-34.133 13.867-36.8 32h-54.4c-2.667-18.133-18.133-32-36.8-32s-34.133 13.867-36.8 32h-59.2c-26.667 0-48-21.333-48-48 0-25.067 19.2-45.333 43.2-48 2.667 18.133 18.133 32 36.8 32s34.133-13.867 36.8-32h54.4c2.667 18.133 18.133 32 36.8 32H320c3.2 0 5.333-2.133 5.333-5.333v-5.333h16c3.2 0 5.333-2.133 5.333-5.333S344.533 112 341.333 112h-16V80h16c3.2 0 5.333-2.133 5.333-5.333s-2.133-5.333-5.333-5.333h-16V64c0-3.2-2.133-5.333-5.333-5.333h-42.667c-18.667 0-34.133 13.867-36.8 32h-54.4c-2.667-18.133-18.133-32-36.8-32s-34.667 13.867-36.8 32c-30.4 2.667-53.867 27.733-53.867 58.667A58.498 58.498 0 0 0 117.333 208h59.2c2.667 18.133 18.133 32 36.8 32s34.133-13.867 36.8-32h54.4c2.667 18.133 18.133 32 36.8 32s34.133-13.867 36.8-32h16.533c26.667 0 48 21.333 48 48 .001 26.667-21.333 48-47.999 48zm-53.334 85.333C356.267 389.333 368 401.067 368 416s-11.733 26.667-26.667 26.667-26.666-11.734-26.666-26.667 11.733-26.667 26.666-26.667zm-128 0C228.267 389.333 240 401.067 240 416s-11.733 26.667-26.667 26.667c-14.933 0-26.667-11.733-26.667-26.667s11.734-26.667 26.667-26.667zm-64-53.333c-14.933 0-26.667-11.733-26.667-26.667s11.733-26.667 26.667-26.667c14.933 0 26.667 11.733 26.667 26.667S164.267 336 149.333 336zm128 0c-14.933 0-26.667-11.733-26.667-26.667s11.733-26.667 26.667-26.667S304 294.4 304 309.333 292.267 336 277.333 336zm0-266.667h37.333v53.333h-37.333c-14.933 0-26.667-11.733-26.667-26.667s11.734-26.666 26.667-26.666zm-128 0C164.267 69.333 176 81.067 176 96s-11.733 26.667-26.667 26.667c-14.933 0-26.667-11.733-26.667-26.667s11.734-26.667 26.667-26.667zm64 160c-14.933 0-26.667-11.733-26.667-26.667S198.4 176 213.333 176C228.267 176 240 187.733 240 202.667s-11.733 26.666-26.667 26.666zm128 0c-14.933 0-26.667-11.733-26.667-26.667S326.4 176 341.333 176C356.267 176 368 187.733 368 202.667s-11.733 26.666-26.667 26.666z"
fill="#57328f"
/>
<path
d="M273.6 294.933 262.933 305.6c-2.133 2.133-2.133 5.333 0 7.467 1.067 1.067 2.667 1.6 3.733 1.6 1.067 0 2.667-.533 3.733-1.6l10.667-10.667c2.133-2.133 2.133-5.333 0-7.467-2.133-2.133-5.333-2.133-7.466 0zM138.667 101.333c1.6 0 2.667-.533 3.733-1.6l10.667-10.667c2.133-2.133 2.133-5.333 0-7.467s-5.333-2.133-7.467 0l-10.667 10.667c-2.133 2.133-2.133 5.333 0 7.467 1.067 1.067 2.134 1.6 3.734 1.6zM202.667 421.333c1.6 0 2.667-.533 3.733-1.6l10.667-10.667c2.133-2.133 2.133-5.333 0-7.467-2.133-2.133-5.333-2.133-7.467 0l-10.667 10.667c-2.133 2.133-2.133 5.333 0 7.467 1.067 1.067 2.134 1.6 3.734 1.6zM352 197.333c-3.2 0-5.333 2.133-5.333 5.333S344.533 208 341.333 208 336 210.133 336 213.333s2.133 5.333 5.333 5.333c9.067 0 16-6.933 16-16 0-3.199-2.133-5.333-5.333-5.333zM341.333 432c9.067 0 16-6.933 16-16 0-3.2-2.133-5.333-5.333-5.333s-5.333 2.133-5.333 5.333-2.133 5.333-5.333 5.333-5.334 2.134-5.334 5.334c0 3.2 2.133 5.333 5.333 5.333z"
fill="#57328f"
/>
<circle cx="197.333" cy="37.333" r="16" fill="#fff" />
<circle cx="362.667" cy="42.667" r="10.667" fill="#fff" />
<circle cx="42.667" cy="192" r="10.667" fill="#fff" />
<circle cx="442.667" cy="176" r="16" fill="#fff" />
<circle cx="485.333" cy="250.667" r="5.333" fill="#fff" />
<circle cx="85.333" cy="277.333" r="10.667" fill="#fff" />
<circle cx="410.667" cy="368" r="5.333" fill="#fff" />
<circle cx="240" cy="272" r="5.333" fill="#fff" />
</svg>
More icons in the same style and category