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 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="-28.813"
x2="-4.813"
y1="598.938"
y2="598.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="M117.333 208h64c3.2 0 5.333-2.133 5.333-5.333s-2.133-5.333-5.333-5.333h-64c-26.667 0-48-21.333-48-48s21.333-48 48-48c3.2 0 5.333-2.133 5.333-5.333s-2.133-5.333-5.333-5.333c-32.533 0-58.667 26.133-58.667 58.667S84.8 208 117.333 208z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-28.813"
x2="-4.813"
y1="558.938"
y2="558.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="M181.333 410.667h-64c-26.667 0-48-21.333-48-48s21.333-48 48-48c3.2 0 5.333-2.133 5.333-5.333S120.533 304 117.333 304c-32.533 0-58.667 26.133-58.667 58.667s26.133 58.667 58.667 58.667h64c3.2 0 5.333-2.133 5.333-5.333.001-3.201-2.133-5.334-5.333-5.334z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-6.813"
x2="7.188"
y1="608.938"
y2="608.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="M181.333 101.333h64c3.2 0 5.333-2.133 5.333-5.333s-2.133-5.333-5.333-5.333h-64c-3.2 0-5.333 2.133-5.333 5.333s2.133 5.333 5.333 5.333z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="5.188"
x2="19.188"
y1="588.938"
y2="588.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="M240 202.667c0 3.2 2.133 5.333 5.333 5.333h64c3.2 0 5.333-2.133 5.333-5.333s-2.133-5.333-5.333-5.333h-64c-3.2-.001-5.333 2.133-5.333 5.333z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="17.188"
x2="45.188"
y1="578.938"
y2="578.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="M394.667 197.333h-21.333c-3.2 0-5.333 2.133-5.333 5.333s2.133 5.333 5.333 5.333h21.333c26.667 0 48 21.333 48 48s-21.333 48-48 48h-85.333c-3.2 0-5.333 2.133-5.333 5.333s2.133 5.333 5.333 5.333h85.333c32.533 0 58.667-26.133 58.667-58.667s-26.134-58.665-58.667-58.665z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-6.813"
x2="7.188"
y1="568.938"
y2="568.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="M181.333 304c-3.2 0-5.333 2.133-5.333 5.333s2.133 5.333 5.333 5.333h64c3.2 0 5.333-2.133 5.333-5.333S248.533 304 245.333 304h-64z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="5.188"
x2="19.188"
y1="548.938"
y2="548.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="M309.333 410.667h-64c-3.2 0-5.333 2.133-5.333 5.333s2.133 5.333 5.333 5.333h64c3.2 0 5.333-2.133 5.333-5.333.001-3.2-2.133-5.333-5.333-5.333z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="6.188"
x2="25.188"
y1="608.938"
y2="608.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="M341.333 112H320V80h21.333c3.2 0 5.333-2.133 5.333-5.333s-2.133-5.333-5.333-5.333H320V64h-42.667c-17.6 0-32 14.4-32 32s14.4 32 32 32H320v-5.333h21.333c3.2 0 5.333-2.133 5.333-5.333S344.533 112 341.333 112z"
fill="url(#h)"
/>
<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" />
<linearGradient
id="i"
x1=".188"
x2=".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="#ffffcf" />
<stop offset="1" stop-color="#ffc4c3" />
</linearGradient>
<circle cx="213.333" cy="202.667" r="32" fill="url(#i)" />
<linearGradient
id="j"
x1="12.188"
x2="12.188"
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="#ffffcf" />
<stop offset="1" stop-color="#ffc4c3" />
</linearGradient>
<circle cx="277.333" cy="309.333" r="32" fill="url(#j)" />
<linearGradient
id="k"
x1=".188"
x2=".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="#ffffcf" />
<stop offset="1" stop-color="#ffc4c3" />
</linearGradient>
<circle cx="213.333" cy="416" r="32" fill="url(#k)" />
<linearGradient
id="l"
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(#l)" />
<linearGradient
id="m"
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(#m)" />
<linearGradient
id="n"
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(#n)" />
<linearGradient
id="o"
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(#o)" />
</svg>
More icons in the same style and category