Add icons to this collection by clicking the heart icon.
Flag icon - also known as flag, celebration, medieval, festival, parade, and birthday and party. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v312.581h-115.158V0c0-7.602 8.08-12.479 14.806-8.939l38.069 20.036a10.106 10.106 0 0 0 9.409 0l38.068-20.036C-8.079-12.479 0-7.602 0 0"
transform="translate(207.512 86.862)"
fill="#fcf3e3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M207.512 371.158H92.354v28.285h115.158z"
fill="#f8e7c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 17.45-9.184c2.691-1.417 5.922.535 5.922 3.576V263.47h-50.508V-5.608c0-3.041 3.233-4.993 5.923-3.576L-3.764 0A4.047 4.047 0 0 0 0 0"
transform="translate(151.815 135.974)"
fill="#a2f5c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M124.679 399.443h50.508v-28.285h-50.508z"
fill="#88f2a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.488a8.081 8.081 0 0 1-8.081 8.081h-16.163a8.081 8.081 0 0 1-8.081-8.081V0a8.081 8.081 0 0 1 8.081-8.081h16.163A8.081 8.081 0 0 1 0 0"
transform="translate(92.353 391.361)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M241.857 431.769H92.353v-32.325h149.504z"
fill="silver"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-33.698a50.29 50.29 0 0 0 0 32.325H0Z"
transform="translate(241.857 399.443)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-48.488a8.081 8.081 0 0 0-8.081 8.081v16.163a8.081 8.081 0 0 0 8.081 8.081H0a8.081 8.081 0 0 0 8.081-8.081V8.081A8.081 8.081 0 0 0 0 0"
transform="translate(280.244 472.175)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.488a8.081 8.081 0 0 0 8.081 8.081h16.163a8.081 8.081 0 0 0 8.081-8.081V0a8.081 8.081 0 0 0-8.081-8.081H8.081A8.081 8.081 0 0 0 0 0"
transform="translate(419.647 391.361)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.265a8.081 8.081 0 0 0 8.081-8.081v-16.163a8.081 8.081 0 0 0-8.081-8.081H0a8.081 8.081 0 0 1 8.081 8.081v16.163A8.081 8.081 0 0 1 0 0"
transform="translate(280.244 504.5)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M272.163 429.748h-32.326v42.427h32.326zM239.837 401.464h32.326V7.5h-32.326z"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M270.143 431.769h149.504v-32.325H270.143Z"
fill="silver"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v312.581h115.158V0c0-7.602-8.08-12.479-14.806-8.939L62.283 11.097a10.106 10.106 0 0 1-9.409 0L14.806-8.939C8.079-12.479 0-7.602 0 0"
transform="translate(304.488 86.862)"
fill="#fcf3e3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M304.488 371.158h115.158v28.285H304.488Z"
fill="#f8e7c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.45-9.184c-2.691-1.417-5.922.535-5.922 3.576V263.47h50.508V-5.608c0-3.041-3.233-4.993-5.923-3.576L3.764 0A4.047 4.047 0 0 1 0 0"
transform="translate(360.185 135.974)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M387.321 399.443h-50.508v-28.285h50.508z"
fill="#de5791"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h33.698a50.29 50.29 0 0 1 0 32.325H0Z"
transform="translate(270.143 399.443)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.39-10.854-24.244-24.244-24.244S-48.488-13.39-48.488 0s10.854 24.244 24.244 24.244S0 13.39 0 0"
transform="translate(280.244 415.606)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a24.24 24.24 0 0 0 1.041-7.039c0-13.39-10.854-24.244-24.244-24.244-2.448 0-4.811.366-7.039 1.042 3.016-9.956 12.262-17.205 23.202-17.205 13.39 0 24.244 10.854 24.244 24.244C17.204-12.261 9.955-3.017 0 0"
transform="translate(263.04 438.808)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v212.811"
transform="translate(207.51 186.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64.77c0-7.6-8.08-12.48-14.8-8.94l-38.07 20.04a10.1 10.1 0 0 1-9.409 0l-38.071-20.04c-6.73-3.54-14.81 1.34-14.81 8.94v312.581"
transform="translate(207.51 151.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-269.078c0-3.041 3.232-4.992 5.923-3.575l17.449 9.183a4.047 4.047 0 0 0 3.764 0l17.45-9.183c2.69-1.417 5.922.534 5.922 3.575V0"
transform="translate(124.679 399.443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-20.203"
transform="translate(60.028 415.085)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-145.585"
transform="translate(237.939 399.443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h145.585"
transform="translate(92.353 431.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v48.488a8.081 8.081 0 0 1-8.081 8.081h-16.163a8.081 8.081 0 0 1-8.081-8.081V0a8.081 8.081 0 0 1 8.081-8.081h16.163A8.081 8.081 0 0 1 0 0Z"
transform="translate(92.353 391.361)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v38.508"
transform="translate(239.837 433.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v38.508"
transform="translate(272.163 433.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-89.5h-32.32v390.04"
transform="translate(272.16 97)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v265.54"
transform="translate(272.16 132)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.488a8.081 8.081 0 0 0-8.081 8.081v16.163a8.081 8.081 0 0 0 8.081 8.081H0a8.081 8.081 0 0 0 8.081-8.081V8.081A8.081 8.081 0 0 0 0 0Z"
transform="translate(280.244 472.175)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h32.325"
transform="translate(288.325 488.337)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20.203"
transform="translate(451.972 415.085)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32.325"
transform="translate(223.675 488.337)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-145.585"
transform="translate(419.647 399.443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h145.585"
transform="translate(274.062 431.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.39-10.854-24.244-24.244-24.244S-48.488-13.39-48.488 0s10.854 24.244 24.244 24.244S0 13.39 0 0Z"
transform="translate(280.244 415.606)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v48.488a8.081 8.081 0 0 0 8.081 8.081h16.163a8.081 8.081 0 0 0 8.081-8.081V0a8.081 8.081 0 0 0-8.081-8.081H8.081A8.081 8.081 0 0 0 0 0Z"
transform="translate(419.647 391.361)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-217.97c0-7.6-8.08-12.48-14.811-8.94l-38.07 20.04a10.1 10.1 0 0 1-9.409 0l-38.07-20.04c-6.72-3.54-14.8 1.34-14.8 8.94V94.61"
transform="translate(419.65 304.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v59.61"
transform="translate(419.65 339.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-269.078c0-3.041-3.232-4.992-5.923-3.575l-17.449 9.183a4.047 4.047 0 0 1-3.764 0l-17.45-9.183c-2.69-1.417-5.922.534-5.922 3.575V0"
transform="translate(387.321 399.443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category