Add icons to this collection by clicking the heart icon.
Flag icon - also known as Maps and Flags, flag, country, peace, symbol, nation, and flags. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-21.089"
x2="39.102"
y1="585.125"
y2="585.125"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M380 48H228a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v424a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V224h144v8a8 8 0 0 0 8 8h56a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8h-48v-8a8 8 0 0 0-8-8zM212 464h-16V56h16v408zm16-256V64h144v144H228zM428 80v144h-40V80h40z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-21.089"
x2="39.102"
y1="570.625"
y2="570.625"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M268 272a8 8 0 0 0-8 8v192a8 8 0 0 0 16 0V368h72a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-72v-8a8 8 0 0 0-8-8zm72 32v48h-64v-48h64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-21.089"
x2="39.102"
y1="604.625"
y2="604.625"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M36 104a8 8 0 0 0 8 8c13.255 0 24 10.745 24 24a8 8 0 0 0 16 0c0-13.255 10.745-24 24-24a8 8 0 0 0 0-16c-13.255 0-24-10.745-24-24a8 8 0 0 0-16 0c0 13.255-10.745 24-24 24a8 8 0 0 0-8 8zm40-8a40.372 40.372 0 0 0 8 8 40.372 40.372 0 0 0-8 8 40.372 40.372 0 0 0-8-8 40.372 40.372 0 0 0 8-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-21.089"
x2="39.102"
y1="614.625"
y2="614.625"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M140 16h16v16h-16V16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-21.089"
x2="39.102"
y1="614.625"
y2="614.625"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M108 16h16v16h-16V16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-21.089"
x2="39.102"
y1="612.625"
y2="612.625"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M124 32h16v16h-16V32z" fill="url(#f)" />
<linearGradient
id="g"
x1="-21.089"
x2="39.102"
y1="616.625"
y2="616.625"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M124 0h16v16h-16V0z" fill="url(#g)" />
<linearGradient
id="h"
x1="-21.089"
x2="39.102"
y1="600.62"
y2="600.62"
gradientTransform="matrix(8 0 0 -8 203 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="m349.208 116.8-28.944-4.424L307.24 84.64a8 8 0 0 0-14.48 0l-13.024 27.736-28.944 4.424a8 8 0 0 0-4.52 13.496L267.456 152l-5.016 30.752a8 8 0 0 0 11.76 8.288l25.8-14.296L325.8 191a8 8 0 0 0 11.76-8.288L332.544 152l21.184-21.704a8 8 0 0 0-4.52-13.496zm-30.936 26.88a8 8 0 0 0-2.168 6.872l3.016 18.472-15.256-8.424a7.999 7.999 0 0 0-7.728 0l-15.256 8.424 3.016-18.472a8 8 0 0 0-2.168-6.872L268.6 130.224l17.776-2.712a7.999 7.999 0 0 0 6.032-4.512L300 106.824 307.592 123a7.999 7.999 0 0 0 6.032 4.512l17.776 2.712-13.128 13.456z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category