Add icons to this collection by clicking the heart icon.
Cap icon - also known as hat, fashion, cap, golf, and sports and competition. 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 0v41.222C0 50.212 7.288 57.5 16.278 57.5h48.835c8.991 0 16.279-7.288 16.279-16.278V-.003Z"
transform="translate(215.304 447)"
fill="#b6cdf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23c8.99 0 16.278-7.288 16.278-16.278v-41.224l23-.001v41.225C16.278-7.288 8.99 0 0 0"
transform="translate(280.418 504.5)"
fill="#97b6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 35.653-107.284c8.487-25.46-14.735-50.147-40.666-43.232l-94.659 25.244a379.243 379.243 0 0 1-191.214 1.097l-98.876-26.341c-25.931-6.915-49.152 17.772-40.665 43.232L-394.511 0l197.124 70.473Z"
transform="translate(453.387 159.194)"
fill="#5ecbf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.653 107.284-26.068 9.308L-23 0c6.169-18.508-4.423-36.594-20.626-42.441l2.96-.79C-14.734-50.146 8.487-25.46 0 0"
transform="translate(489.04 51.91)"
fill="#4793ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 69.345-11.845-8.711 204.317c-1.929 43.919-32.011 81.56-74.424 93.128l-.063.016a433.847 433.847 0 0 1-228.312 0c-42.442-11.575-72.533-49.261-74.427-93.213l-8.54-204.248 45.797 7.832 151.201 143.151z"
transform="translate(384.134 171.04)"
fill="#5ecbf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .063-.017c42.413-11.567 72.494-49.209 74.423-93.128l8.543-200.358 23.169-3.958-8.712 204.316C95.557-49.226 65.476-11.584 23.063-.017L23 0a433.824 433.824 0 0 1-125.656 15.121A433.766 433.766 0 0 0 0 0"
transform="translate(347.281 456.655)"
fill="#4793ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.893 191.791a101.13 101.13 0 0 1-47.726 80.844l-15.71 9.737c-48.395 29.993-109.597 30.016-158.014.058l-15.79-9.77a101.127 101.127 0 0 1-47.794-80.982L-302.645-.031l87.44 14.952a379.263 379.263 0 0 0 127.777.013z"
transform="translate(407.318 167.058)"
fill="#fff7f4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 15.71-9.737a101.13 101.13 0 0 0 47.726-80.844l8.709-187.831 23.184-3.96-8.893 191.791A101.13 101.13 0 0 1 38.71-9.737L23 0C-4.6 17.105-36.365 24.446-67.549 22.054A149.902 149.902 0 0 0 0 0"
transform="translate(311.99 449.43)"
fill="#f0e6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-31.466-25.508-56.975-56.975-56.975-31.465 0-56.974 25.509-56.974 56.975s25.509 56.975 56.974 56.975C-25.508 56.975 0 31.466 0 0"
transform="translate(312.97 310.177)"
fill="#f0e6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.869 0-7.647-.391-11.3-1.125 26.052-5.243 45.675-28.253 45.675-55.85 0-27.596-19.623-50.607-45.675-55.849A57.163 57.163 0 0 1 0-113.949c31.466 0 56.975 25.509 56.975 56.974C56.975-25.509 31.466 0 0 0"
transform="translate(255.996 367.151)"
fill="#d2cbd7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 133.236 22.784a379.211 379.211 0 0 0 127.777.013L394.478 0l-8.712 204.316c-1.929 43.919-32.011 81.561-74.423 93.128l-.064.017a433.844 433.844 0 0 1-228.311 0h-.001C40.525 285.886 10.434 248.2 8.541 204.248Z"
transform="translate(58.877 159.194)"
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-6.377-140.24"
transform="translate(111.05 307.267)"
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-8.893 191.792a101.13 101.13 0 0 1-47.726 80.844l-15.71 9.737c-48.395 29.993-109.597 30.016-158.014.058l-15.79-9.77a101.128 101.128 0 0 1-47.794-80.982l-.976-21.469"
transform="translate(407.318 167.057)"
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-33.341-8.883c-25.931-6.915-49.153 17.772-40.666 43.232l35.917 107.284"
transform="translate(96.967 17.561)"
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 35.653-107.284c8.487-25.46-14.735-50.147-40.666-43.232l-94.659 25.244a379.243 379.243 0 0 1-191.214 1.097l-35.984-9.586"
transform="translate(453.387 159.194)"
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 46.035 7.872"
transform="translate(61.07 210.135)"
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-46.243 7.907"
transform="translate(451.08 210.987)"
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 31.551-94.721c4.24-12.729-7.371-25.066-20.335-21.609l-64.442 17.184a413.122 413.122 0 0 1-106.401 13.944 413.122 413.122 0 0 1-106.401-13.944l-64.393-17.171c-12.974-3.46-24.588 8.897-20.328 21.63L-319.068 0"
transform="translate(415.627 165.639)"
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 0v16.278c0 8.991 7.288 16.279 16.278 16.279h48.835c8.991 0 16.279-7.288 16.279-16.279V-.003"
transform="translate(215.304 471.943)"
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-31.466-25.508-56.975-56.975-56.975-31.466 0-56.974 25.509-56.974 56.975s25.508 56.975 56.974 56.975C-25.508 56.975 0 31.466 0 0Z"
transform="translate(312.975 310.177)"
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 0h4.069"
transform="translate(253.965 318.315)"
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 0h4.07"
transform="translate(286.522 318.315)"
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 0h4.069"
transform="translate(253.965 285.759)"
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