Add icons to this collection by clicking the heart icon.
Garlands icon - also known as celebration, decoration, carnival, fun, flags, miscellaneous, garlands, and birthday and party. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd486" />
<stop offset="1" stop-color="#ffb76a" />
</linearGradient>
<linearGradient
id="g"
x1="-867.999"
x2="-845.999"
y1="20.5"
y2="20.5"
gradientTransform="matrix(-1 0 0 1 -741.998 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#c0dd43" />
<stop offset=".995" stop-color="#2f7f65" />
</linearGradient>
<linearGradient
id="h"
x1="116.811"
x2="116.436"
y1="2.855"
y2="11.105"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="115.096"
x2="114.721"
y1="2.777"
y2="11.027"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="111.734"
x2="111.359"
y1="2.624"
y2="10.874"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-802.501"
x2="-802.501"
y1="-67.5"
y2="73.174"
gradientTransform="matrix(-1 0 0 1 -714 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="39.501"
x2="39.501"
y1="-67.5"
y2="73.174"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="2.001"
x2="24.001"
y1="20.5"
y2="20.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="19.308"
x2="18.933"
y1="-1.577"
y2="6.673"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="14.534"
x2="14.159"
y1="-1.794"
y2="6.456"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="8.845"
x2="8.47"
y1="-2.053"
y2="6.198"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="55.001"
x2="73.001"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="66.195"
x2="65.82"
y1=".554"
y2="8.804"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="65.145"
x2="64.77"
y1=".507"
y2="8.757"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="60.035"
x2="59.66"
y1=".274"
y2="8.524"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#cfa080" />
<stop offset="1" stop-color="#ddbd8c" />
</linearGradient>
<linearGradient
id="u"
x1="61.852"
x2="63.185"
y1="-18.429"
y2="-4.762"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#5098c2" />
<stop offset="1" stop-color="#1980b4" />
</linearGradient>
<linearGradient
id="v"
x1="-792.794"
x2="-793.544"
y1="10.177"
y2="13.177"
gradientTransform="matrix(-1 0 0 1 -717 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#d15c63" />
<stop offset=".406" stop-color="#ce585f" />
<stop offset=".826" stop-color="#c44b53" />
<stop offset="1" stop-color="#be444c" />
</linearGradient>
<linearGradient
id="w"
x1="-832.026"
x2="-828.776"
y1="48.575"
y2="125.325"
gradientTransform="matrix(-1 0 0 1 -717 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="47.677"
x2="46.927"
y1="28.294"
y2="31.294"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="12.836"
x2="16.086"
y1="45.321"
y2="122.071"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="62.949"
x2="66.089"
y1="43.689"
y2="117.83"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="64.006"
x2="65.006"
y1="47.811"
y2="89.561"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="B"
x1="-856.999"
x2="-856.999"
y1="83.75"
y2="90.75"
gradientTransform="matrix(-1 0 0 1 -741.998 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset=".04" stop-color="#ec8f4b" />
<stop offset="1" stop-color="#ff875b" />
</linearGradient>
<linearGradient
id="C"
x1="112.61"
x2="114.235"
y1="89.527"
y2="93.902"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="D"
x1="108.918"
x2="110.543"
y1="90.898"
y2="95.273"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="E"
x1="104.066"
x2="105.691"
y1="92.701"
y2="97.076"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="-794.338"
x2="-792.005"
y1="65.516"
y2="55.516"
gradientTransform="matrix(-1 0 0 1 -714 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="G"
x1="43.843"
x2="46.176"
y1="81.891"
y2="71.891"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="H"
x1="13.001"
x2="13.001"
y1="83.75"
y2="90.75"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="I"
x1="20.649"
x2="19.815"
y1="91.663"
y2="95.329"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="J"
x1="17.037"
x2="16.203"
y1="90.842"
y2="94.508"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="K"
x1="12.285"
x2="11.451"
y1="89.762"
y2="93.428"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="L"
x1="64.001"
x2="64.001"
y1="83.75"
y2="90.75"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="M"
x1="65.345"
x2="65.345"
y1="91.667"
y2="98.5"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="N"
x1="64.001"
x2="64.001"
y1="91.667"
y2="98.5"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="O"
x1="58.656"
x2="58.656"
y1="91.667"
y2="98.5"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="P"
x1="61.852"
x2="63.185"
y1="69.571"
y2="83.238"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path fill="url(#g)" d="m104.001 10 16-4 6 24-10-6-6 11z" />
<path
fill="url(#h)"
d="m110.305 8.424 12.166 7.457-.692-2.77-8.756-5.366z"
/>
<path
fill="url(#i)"
d="m104.694 12.888 20.11 12.326-.692-2.77-20.078-12.306z"
/>
<path fill="url(#j)" d="m114.387 26.958.959-1.757-9.025-5.532.66 2.75z" />
<path fill="url(#k)" d="m101.001 11-25 3 16 24z" />
<path fill="url(#l)" d="m27.001 11 25 3-16 24z" />
<path fill="url(#m)" d="m24.001 10-16-4-6 24 10-6 6 11z" />
<path fill="url(#n)" d="m21.64 19.836.695-2.894-4.677-8.528-2.644-.661z" />
<path
fill="url(#o)"
d="m19.205 29.983.694-2.894L8.387 6.097 8.001 6l-.61 2.44z"
/>
<path fill="url(#p)" d="m4.886 18.46 4.047 7.381 1.717-1.03-5.05-9.208z" />
<path fill="url(#q)" d="M55.001 14h18v24l-9-6-9 6z" />
<path fill="url(#r)" d="M73.001 24.527v-2.428L61.22 14h-3.531z" />
<path fill="url(#s)" d="m55.001 20.714 18 12.375v-2.427l-18-12.375z" />
<path
fill="url(#t)"
d="m55.001 30.527 5.519 3.794 1.792-1.195-7.311-5.027z"
/>
<path
fill="url(#u)"
d="M124.001 2c-19.979 6.034-39.933 9.036-60 8.995-20.068.041-40.021-2.961-60-8.995-2.713 0-2.623 2.976 0 4 20.271 6.04 39.902 9 60 9s39.729-2.96 60-9c2.622-1.024 2.712-4 0-4z"
/>
<path fill="url(#v)" d="m79 58 19-2 3 18-7.999 9L82 78z" />
<path fill="url(#w)" d="m103 54 18-4 5 18-7 8-11-3z" />
<path fill="url(#x)" d="m49 58-19-2-3 18 7.999 9L46 78z" />
<path fill="url(#y)" d="M25 54 7 50 2 68l7 8 11-3z" />
<path fill="url(#z)" d="M54 58h20v21l-10 7-10-7z" />
<path
fill="url(#A)"
d="M124.001 46c-19.979 6.034-39.933 9.036-60 8.995-20.067.041-40.021-2.961-60-8.995-2.713 0-2.623 2.976 0 4 20.271 6.04 39.902 9 60 9s39.729-2.96 60-9c2.622-1.024 2.712-4 0-4z"
/>
<path fill="url(#B)" d="m104.001 98 16-4 6 24-10-6-6 11z" />
<path
fill="url(#C)"
d="m110.305 96.424 12.166 7.457-.692-2.77-8.756-5.366z"
/>
<path
fill="url(#D)"
d="m104.694 100.888 20.11 12.326-.692-2.77-20.078-12.306z"
/>
<path fill="url(#E)" d="m114.387 114.958.959-1.757-9.025-5.532.66 2.75z" />
<path fill="url(#F)" d="m101.001 99-25 3 16 24z" />
<path fill="url(#G)" d="m27.001 99 25 3-16 24z" />
<path fill="url(#H)" d="m24.001 98-16-4-6 24 10-6 6 11z" />
<path fill="url(#I)" d="m21.64 107.836.695-2.894-4.677-8.528-2.644-.661z" />
<path
fill="url(#J)"
d="m19.205 117.983.694-2.894L8.387 94.097 8.001 94l-.61 2.44z"
/>
<path fill="url(#K)" d="m4.886 106.46 4.047 7.381 1.717-1.03-5.05-9.208z" />
<path fill="url(#L)" d="M55.001 102h18v24l-9-6-9 6z" />
<path fill="url(#M)" d="M73.001 112.527v-2.428L61.22 102h-3.531z" />
<path fill="url(#N)" d="m55.001 108.714 18 12.375v-2.427l-18-12.375z" />
<path
fill="url(#O)"
d="m55.001 118.527 5.519 3.794 1.792-1.195-7.311-5.027z"
/>
<path
fill="url(#P)"
d="M124.001 90c-19.979 6.034-39.933 9.036-60 8.995-20.067.041-40.021-2.961-60-8.995-2.713 0-2.623 2.976 0 4 20.271 6.04 39.902 9 60 9s39.729-2.96 60-9c2.622-1.024 2.712-4 0-4z"
/>
</svg>
More icons in the same style and category