Add icons to this collection by clicking the heart icon.
Independence Day icon - also known as calendar, celebration, american, july, time and date, independence day, cultures, and 4th of july. 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 0h-35c-8.284 0-15-6.716-15-15v-25h65v25C15-6.716 8.284 0 0 0"
transform="translate(193.5 504.5)"
fill="#d7f0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25h-30V0c0 8.28-6.72 15-15 15h30C-6.72 15 0 8.28 0 0"
transform="translate(208.5 489.5)"
fill="#b3e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-8.284 0-15-6.716-15-15v-25h65v25C15-6.716 8.284 0 0 0"
transform="translate(353.5 504.5)"
fill="#d7f0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25h-30V0c0 8.28-6.72 15-15 15h30C-6.72 15 0 8.28 0 0"
transform="translate(368.5 489.5)"
fill="#b3e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-347v-356c0-8.284 6.716-15 15-15h317c8.284 0 15 6.716 15 15z"
transform="translate(429.5 378.5)"
fill="#fc8d94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-356c0-8.28-6.72-15-15-15h-30c8.28 0 15 6.72 15 15V0Z"
transform="translate(429.5 378.5)"
fill="#fa6f7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-277a5 5 0 0 0-5 5v333H5V5a5 5 0 0 0-5-5"
transform="translate(394.5 37.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-347v94c0 8.284 6.716 15 15 15h317c8.284 0 15-6.716 15-15z"
transform="translate(429.5 365.5)"
fill="#7bb1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-94h-30V0c0 8.28-6.72 15-15 15h30C-6.72 15 0 8.28 0 0"
transform="translate(429.5 459.5)"
fill="#62a5f4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(339.5 305.5)"
fill="#edebed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(172.5 305.5)"
fill="#edebed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-74.28c0-2.76-2.24-5-5-5h-74.28c5.3 0 10.39 2.11 14.14 5.86l18.307 37.64L-5.86-14.14C-2.11-10.39 0-5.3 0 0"
transform="translate(399.5 116.78)"
fill="#dbd9dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-1.72c0-5.3-2.11-10.39-5.86-14.14l-59.28-59.28A20.006 20.006 0 0 0-79.28-81H-81c5.52 0 10 4.48 10 10v56c0 2.76 2.24 5 5 5h56C-4.48-10 0-5.52 0 0"
transform="translate(399.5 118.5)"
fill="#edebed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h267c8.285 0 15 6.716 15 15v437c0 8.284-6.715 15-15 15H-50c-8.284 0-15-6.716-15-15v-94h347"
transform="translate(147.5 7.5)"
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-343c0-8.284 6.716-15 15-15h15"
transform="translate(82.5 365.5)"
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 0v57"
transform="translate(112.5 305)"
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 0h82.75a5 5 0 0 1 5 5v78.25"
transform="translate(311.75 37.5)"
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 0v14.083c0 8.284-6.716 15-15 15h-35c-8.284 0-15-6.716-15-15V0"
transform="translate(208.5 475.417)"
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 0v13.25c0 8.284-6.716 15-15 15h-35c-8.284 0-15-6.716-15-15V.5"
transform="translate(368.5 476.25)"
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 0h11.216a20 20 0 0 1 14.142 5.858l59.284 59.284A20 20 0 0 1 90.5 79.284v21.466"
transform="translate(309 37.5)"
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-227.5a5 5 0 0 1 5-5h201c5.523 0 10 4.477 10 10v56a5 5 0 0 0 5 5h56c5.523 0 10 4.477 10 10V93.333"
transform="translate(112.5 270)"
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-49.622c.549-.094 17.391 0 17.391 0"
transform="translate(279.793 444.643)"
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-34.174c0-5.82 2.887-9.738 7.791-12.871 2.389-1.526 5.405-2.613 9.154-2.619 3.247-.004 5.961.748 8.204 1.878 5.716 2.878 9.36 7.249 9.36 13.648V0"
transform="translate(210.336 444.643)"
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 0 15.864-24.295L31.597-.126"
transform="translate(322.336 444.643)"
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 0 .062 25.369"
transform="translate(338.137 394.98)"
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-108.122s57.246 103.765 66.693 115.356c9.552 11.719 18.599 4.41 19.46-5.929.862-10.338-.431-160.244-.431-160.244"
transform="translate(310.06 166.728)"
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 0v0c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(339.5 305.5)"
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 0v0c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15v0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(172.5 305.5)"
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-39.693c0-3.644-1.923-7.056-5.109-8.824-6.457-3.585-12.386 2.382-12.386 2.382l-.08.08"
transform="translate(175.562 444.643)"
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