Add icons to this collection by clicking the heart icon.
Cap icon - also known as hat, fashion, cap, and accessory. Created in a clean flat 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 511.996 511.996"
>
<path
fill="#00d7bd"
d="M259.598 41.581 395.634 293.34c20.87 29.136 44.08 28.107 69.818 9.206v-51.552c.001-114.915-92.35-207.593-205.854-209.413zM46.544 250.994v51.552c16.549 31.806 51.2 21.204 69.818-9.226L252.399 41.581C138.961 43.4 46.544 136.033 46.544 250.994z"
/>
<path
fill="#665ed1"
d="M297.537 41.539c0 1.376-.062 2.731-.207 4.075-26.524 26.34-54.848 26.827-82.665 0a37.95 37.95 0 0 1-.207-4.075C214.459 18.597 233.056 0 255.998 0s41.539 18.597 41.539 41.539z"
/>
<path
fill="#f9d154"
d="M465.453 480.949V302.546l-55.027-7.561-208.861 7.561c-8.73 80.69 30.738 143.468 101.517 185.437a597.249 597.249 0 0 1 122.528 22.714c19.88 5.896 39.843-9.009 39.843-29.748z"
/>
<path
fill="#f9b738"
d="M46.544 302.546V480.95c0 20.624 19.81 35.66 39.843 29.748 68.166-20.191 141.386-28.672 216.695-22.714-45.604-48.23-81.716-111.842-101.517-185.437l-99.994-7.582z"
/>
<path
fill="#fae380"
d="M395.634 293.34V181.176c0-38.56-15.629-73.469-40.898-98.738-40.021-40.021-98.323-50.655-147.924-31.981-43.967 67.737-55.243 149.736-9.074 236.808 66.018 36.217 132.116 37.103 197.896 6.075z"
/>
<path
fill="#f9d154"
d="M206.813 50.456c-52.849 19.896-90.451 70.909-90.451 130.719v112.143c26.841 22.276 53.806 16.007 81.377-6.055-19.688-84.164-14.94-166.879 9.074-236.807z"
/>
<path
fill="#ff6e80"
d="M333.574 217.129v-15.35c0-17.108-14.005-31.113-31.113-31.113h-42.243c-39.905 0-42.232 14.005-42.232 31.113v15.35c0 17.108 9.826 31.113 42.232 31.113h42.243c17.108 0 31.113-14.005 31.113-31.113z"
/>
<path
fill="#f8475e"
d="M229.105 217.129v-15.35c0-17.108 14.005-31.113 31.113-31.113h-50.683c-17.108 0-31.113 14.005-31.113 31.113v15.35c0 17.108 14.005 31.113 31.113 31.113h50.683c-17.108 0-31.113-14.005-31.113-31.113z"
/>
<path
fill="#00c5a3"
d="M381.05 443.971c14.667 4.344 29.375-6.641 29.375-21.928V294.984c-66.108-7.86-139.18-10.924-212.687-7.721-13.893 57.388 7.641 103.594 57.347 138.584a439.878 439.878 0 0 1 125.965 18.124z"
/>
<path
fill="#02ad8c"
d="M197.739 287.264c-33.615 1.465-67.281 4.265-96.168 7.7v127.079c0 15.327 14.747 26.275 29.375 21.928a440.218 440.218 0 0 1 124.14-18.124c-25.521-40.545-45.315-87.15-57.347-138.583z"
/>
<g fill="#425460">
<path
d="M188.145 131.558a7.758 7.758 0 0 1-7.758-7.758v-12.412a7.758 7.758 0 0 1 15.516 0V123.8a7.758 7.758 0 0 1-7.758 7.758zM232.26 128.819a7.758 7.758 0 0 1 11.708-10.18c6.358 7.312 17.708 7.304 24.06 0a7.758 7.758 0 0 1 11.708 10.18c-12.542 14.423-34.944 14.41-47.476 0zM340.628 131.217a7.758 7.758 0 0 1-7.758-7.758 6.637 6.637 0 0 0-6.63-6.63c-3.65 0-6.62 2.974-6.62 6.63a7.758 7.758 0 0 1-15.516 0c0-12.211 9.93-22.145 22.135-22.145 12.211 0 22.145 9.934 22.145 22.145a7.756 7.756 0 0 1-7.756 7.758z"
/>
</g>
</svg>
More icons in the same style and category