Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, uniform, cap, taxi, and cab. Created in a clean lineal color style with a gray, yellow, and orange finish, 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 60 60"
>
<path
fill="#ffdf00"
d="M59 21c0 4.48-3.87 8.29-10 11a2.006 2.006 0 0 0-2-2H13a2.006 2.006 0 0 0-2 2C4.87 29.29 1 25.48 1 21 1 12.81 13.98 7 30 7s29 5.81 29 14z"
/>
<path
fill="#fdc008"
d="M30 7q-.755 0-1.5.017C43.822 7.367 56 13.067 56 21c0 3.824-2.826 7.157-7.464 9.737A1.98 1.98 0 0 1 49 32c6.13-2.71 10-6.52 10-11 0-8.19-12.98-14-29-14z"
/>
<path
fill="#9d9d9d"
d="M49 32v9H11v-9a2.006 2.006 0 0 1 2-2h34a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#707070"
d="M47 30h-3a2.006 2.006 0 0 1 2 2v9h3v-9a2.006 2.006 0 0 0-2-2z"
/>
<g fill="#607d8a">
<path
d="M16 19h5v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zM22 13h4a1 1 0 0 1 1 1v5h-6v-5a1 1 0 0 1 1-1zM27 19h6v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-5zM39 19h5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-5zM34 13h4a1 1 0 0 1 1 1v5h-6v-5a1 1 0 0 1 1-1z"
/>
</g>
<path fill="#7f8d93" d="M49 41s0 12-19 12-19-12-19-12z" />
<path
fill="#545c60"
d="M46 41s-.006 11.353-17.5 11.97c.488.017.984.03 1.5.03 19 0 19-12 19-12z"
/>
<path
d="M30 6C12.9 6 0 12.449 0 21c0 4.524 3.551 8.638 10 11.637V41c0 .13.229 13 20 13s20-12.87 20-13v-8.363c6.45-3 10-7.113 10-11.637 0-8.551-12.9-15-30-15zm18 34H12v-8a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1zM30 52c-14.695 0-17.392-7.274-17.887-10h35.774C47.392 44.726 44.7 52 30 52zm19.638-21.4A2.991 2.991 0 0 0 47 29H13a2.991 2.991 0 0 0-2.638 1.6C4.959 27.981 2 24.6 2 21 2 13.71 14.3 8 30 8s28 5.71 28 13c0 3.6-2.959 6.981-8.362 9.6z"
/>
<path
d="M44 18h-4v-4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4h-4v-4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4h4v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4h4v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm-28 6v-4h4v4zm6-10h4v4h-4zm6 10v-4h4v4zm6-10h4v4h-4zm6 10v-4h4v4z"
/>
</svg>
More icons in the same style and category