Add icons to this collection by clicking the heart icon.
Flag icon - also known as flag, birthday, party, celebration, decoration, garland, ornaments, fun, and birthday and party. Created in a clean color 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 510 510"
>
<linearGradient
id="b"
x1="197.181"
x2="319.254"
y1="246.162"
y2="375.918"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="c"
x1="191.456"
x2="287.818"
y1="233.556"
y2="329.918"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="191.458"
x2="287.82"
y1="233.554"
y2="329.916"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="186.724"
x2="283.086"
y1="238.288"
y2="334.65"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="192.573"
x2="288.935"
y1="232.439"
y2="328.801"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="188.257"
x2="284.619"
y1="236.755"
y2="333.117"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="237.184"
x2="237.184"
y1="270.954"
y2="198.991"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="i"
x1="345.912"
x2="467.985"
y1="244.127"
y2="373.884"
gradientTransform="rotate(-57.2 270.91 208.334)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="j"
x1="349.701"
x2="459.953"
y1="244.815"
y2="362.006"
gradientTransform="rotate(-57.2 270.91 208.334)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="403.68"
x2="387.727"
y1="251.515"
y2="187.701"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f35227" stop-opacity="0" />
<stop offset="1" stop-color="#f35227" />
</linearGradient>
<linearGradient
id="l"
x1="80.493"
x2="202.566"
y1="186.709"
y2="316.465"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="m"
x1="46.386"
x2="49.581"
y1="154.521"
y2="157.717"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="90.948"
x2="107.496"
y1="152.572"
y2="169.12"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="149.606"
x2="166.155"
y1="152.572"
y2="169.12"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="60.174"
x2="76.725"
y1="191.252"
y2="207.803"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="118.833"
x2="135.384"
y1="191.252"
y2="207.803"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="177.492"
x2="194.043"
y1="191.252"
y2="207.803"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="46.386"
x2="49.581"
y1="239.946"
y2="243.142"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="90.946"
x2="107.497"
y1="237.994"
y2="254.545"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="149.605"
x2="166.156"
y1="237.994"
y2="254.545"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="60.174"
x2="76.725"
y1="276.678"
y2="293.229"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="118.906"
x2="135.341"
y1="276.511"
y2="292.946"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="177.492"
x2="194.043"
y1="276.678"
y2="293.229"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="117.461"
x2="144.382"
y1="239.72"
y2="134.029"
gradientTransform="scale(-1 1) rotate(32.8 -305.095 -152.529)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#833ac1" stop-opacity="0" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="z"
x1="237.184"
x2="237.184"
y1="177.542"
y2="231.382"
gradientTransform="rotate(-45 254.977 229.867)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m386.439 305.628-54.357 11.065a19.718 19.718 0 0 0-15.389 15.389l-11.065 54.357c-1.691 8.306-11.945 11.392-17.939 5.398L173.243 277.39 277.39 173.243 391.837 287.69c5.993 5.993 2.908 16.247-5.398 17.938z"
/>
<path fill="url(#c)" d="M211.717 238.915v76.949l-20.651-20.651v-35.648z" />
<path fill="url(#d)" d="m253 197.631-.004 159.512-20.65-20.65V218.286z" />
<path
fill="url(#e)"
d="m277.389 173.242 16.886 16.886.004 204.792c-2.353-.19-4.685-1.179-6.59-3.084l-14.06-14.06-.004-200.77z"
/>
<path
fill="url(#f)"
d="m314.909 210.762 20.65 20.65v84.578l-3.477.706a19.705 19.705 0 0 0-15.386 15.386l-1.787 8.775z"
/>
<path fill="url(#g)" d="m356.193 252.045 20.65 20.651v34.887l-20.65 4.2z" />
<path
fill="url(#h)"
d="m386.439 305.628-54.357 11.065a19.718 19.718 0 0 0-15.389 15.389l-11.065 54.357c-1.691 8.306-11.945 11.392-17.939 5.398L173.243 277.39 277.39 173.243 391.837 287.69c5.993 5.993 2.908 16.247-5.398 17.938z"
/>
<path
fill="url(#i)"
d="m503.642 153.653-50.788 22.308a19.717 19.717 0 0 0-11.787 18.294l.678 55.468c.104 8.476-9.266 13.66-16.392 9.069l-136.058-87.661 79.772-123.813 136.058 87.661c7.125 4.591 6.278 15.266-1.483 18.674z"
/>
<path
fill="url(#j)"
d="m356.085 67.468 117.869 75.942-35.349 15.527c-5.707 2.507-10.509 6.602-13.885 11.842s-5.121 11.306-5.044 17.539l.472 38.605-117.869-75.942-6.511 10.105 133.999 86.335-.648-53.019a31.583 31.583 0 0 1 5.044-17.539 31.568 31.568 0 0 1 13.886-11.842l48.546-21.323-134-86.335z"
/>
<path
fill="url(#k)"
d="m503.642 153.653-50.788 22.308a19.717 19.717 0 0 0-11.787 18.294l.678 55.468c.104 8.476-9.266 13.66-16.392 9.069l-136.058-87.661 79.772-123.813 136.058 87.661c7.125 4.591 6.278 15.266-1.483 18.674z"
/>
<path
fill="url(#l)"
d="m153.653 503.642 22.308-50.788a19.717 19.717 0 0 1 18.294-11.787l55.468.678c8.476.104 13.66-9.266 9.069-16.392l-87.661-136.058-123.813 79.772 87.661 136.058c4.591 7.125 15.266 6.278 18.674-1.483z"
/>
<path
fill="url(#m)"
d="M175.496 296.952a12.63 12.63 0 0 0 2.269 2.639l-3.734-5.796c.33 1.088.817 2.153 1.465 3.157z"
/>
<path
fill="url(#n)"
d="M126.185 328.722c3.776 5.861 11.589 7.551 17.45 3.775s7.551-11.589 3.775-17.45a12.562 12.562 0 0 0-7.77-5.463l-15.218 9.805a12.565 12.565 0 0 0 1.763 9.333z"
/>
<path
fill="url(#o)"
d="M76.875 360.493c3.776 5.861 11.589 7.551 17.45 3.775s7.551-11.589 3.775-17.45a12.562 12.562 0 0 0-7.77-5.463l-15.218 9.805a12.566 12.566 0 0 0 1.763 9.333z"
/>
<circle cx="183.617" cy="337.735" r="12.626" fill="url(#p)" />
<circle cx="134.306" cy="369.505" r="12.626" fill="url(#q)" />
<circle cx="84.996" cy="401.275" r="12.626" fill="url(#r)" />
<path
fill="url(#s)"
d="M221.763 368.763a12.63 12.63 0 0 0 2.269 2.639l-3.734-5.796c.33 1.088.818 2.153 1.465 3.157z"
/>
<circle cx="183.065" cy="393.694" r="12.626" fill="url(#t)" />
<circle cx="133.755" cy="425.464" r="12.626" fill="url(#u)" />
<circle cx="229.884" cy="409.546" r="12.626" fill="url(#v)" />
<path
fill="url(#w)"
d="M169.957 448.154a12.52 12.52 0 0 0 5.925 4.882l.082-.181a19.687 19.687 0 0 1 17.232-11.764 12.536 12.536 0 0 0-2.01-6.616c-3.776-5.861-11.589-7.551-17.45-3.775-5.865 3.78-7.555 11.593-3.779 17.454z"
/>
<circle cx="131.263" cy="473.087" r="12.626" fill="url(#x)" />
<path
fill="url(#y)"
d="m153.653 503.642 22.308-50.788a19.717 19.717 0 0 1 18.294-11.787l55.468.678c8.476.104 13.66-9.266 9.069-16.392l-87.661-136.058-123.813 79.772 87.661 136.058c4.591 7.125 15.266 6.278 18.674-1.483z"
/>
<path
fill="url(#z)"
d="M2.616 388.165a8.937 8.937 0 0 0 7.398 2.543c51.276-6.194 141.711-64.511 228.947-151.747S384.515 61.29 390.708 10.014a8.93 8.93 0 0 0-2.543-7.398c-4.889-4.889-13.297-2.593-14.924 4.127-12.745 52.631-68.733 136.171-149.53 216.968S59.374 360.496 6.743 373.241c-6.72 1.627-9.016 10.035-4.127 14.924z"
/>
</svg>
More icons in the same style and category