Add icons to this collection by clicking the heart icon.
Top Hat icon - also known as hat, fashion, accessories, and top hat. Created in a clean blue 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 60 60"
>
<defs>
<style>
.cls-1 {
fill: #e8edfc;
}
.cls-2 {
fill: #cad9fc;
}
.cls-7 {
fill: #fff;
}
.cls-8 {
fill: #428dff;
}
</style>
</defs>
<g id="Icons">
<path
d="M51.96 5.76 50.2 39.25l-.17 3.25H50c0 3.04-8.95 5.5-20 5.5s-20-2.46-20-5.5h-.03l-.17-3.25L8.04 5.76C8.7 8.13 18.28 10 30 10s21.3-1.87 21.96-4.24Z"
class="cls-1"
/>
<path
d="M48.852 7.819 47.2 39.25l-.17 3.25H47c0 2.9-8.154 5.268-18.5 5.479.5.01.994.021 1.5.021 11.05 0 20-2.46 20-5.5h.03l.17-3.25 1.76-33.49c-.209.752-1.321 1.452-3.108 2.059Z"
class="cls-2"
/>
<path
d="M59 47.5C59 53.85 46.02 59 30 59S1 53.85 1 47.5c0-3.24 3.37-6.16 8.8-8.25l.2 3.25c0 3.04 8.95 5.5 20 5.5s20-2.46 20-5.5l.2-3.25c5.43 2.09 8.8 5.01 8.8 8.25Z"
fill="#a4c2f7"
/>
<path
d="m50.2 39.25-.069 1.316C53.814 42.493 56 44.892 56 47.5c0 6.151-12.178 11.175-27.5 11.485Q29.246 59 30 59c16.02 0 29-5.15 29-11.5 0-3.24-3.37-6.16-8.8-8.25Z"
fill="#7facfa"
/>
<path
d="M50.31 37.24 50 42.5c0 3.04-8.95 5.5-20 5.5s-20-2.46-20-5.5l-.31-5.26C13.01 38.86 20.85 40 30 40s16.99-1.14 20.31-2.76Z"
fill="#c6d8fb"
/>
<path
d="M27 40c.5 0 1-.005 1.5-.012-8.5-.117-15.673-1.217-18.81-2.748l.058 1.053A74.635 74.635 0 0 0 27 40Z"
class="cls-2"
/>
<path
d="M47.252 38.293 47 42.5c0 2.9-8.154 5.268-18.5 5.479.5.01.994.021 1.5.021 11.05 0 20-2.46 20-5.5l.31-5.26a16.67 16.67 0 0 1-3.058 1.053Z"
fill="#a4c3fd"
/>
<ellipse cx="30" cy="5.5" class="cls-1" rx="22" ry="4.5" />
<path
d="M30 1c-.5 0-1 0-1.5.012C39.95 1.169 49 3.118 49 5.5s-9.05 4.331-20.5 4.488c.5.007 1 .012 1.5.012 12.15 0 22-2.015 22-4.5S42.15 1 30 1Z"
class="cls-2"
/>
</g>
<g id="Whites">
<path
d="M9.69 37.24C9.31 29.98 8.02 5.53 8.02 5.36v-.01c.36-2.32 9.28-4.18 20.48-4.33.68 0 .51-.04 3 0-11.2.15-20.12 2.01-20.48 4.33 0 .1 1.44 27.47 1.73 32.95a16.75 16.75 0 0 1-3.06-1.06ZM31.5 58.98c-.5.01-1 .02-1.5.02-16.02 0-29-5.15-29-11.5 0-3.24 3.37-6.16 8.8-8.25l.09 1.31C6.19 42.48 4 44.89 4 47.5c0 6.15 12.18 11.18 27.5 11.48Z"
class="cls-7"
/>
</g>
<g id="Icons_copy">
<path
d="m6.069 52.826-1.057 1.7a13.554 13.554 0 0 1-3.3-2.756A6.727 6.727 0 0 1 0 47.5h2a4.738 4.738 0 0 0 1.248 2.985 11.587 11.587 0 0 0 2.821 2.341Z"
class="cls-7"
/>
<path
d="M2.481 52.149a1 1 0 0 1-.01-2h.01a1 1 0 1 1 0 2Z"
class="cls-8"
/>
<path
d="M51.237 38.591S53 5.612 53 5.5C53 .6 34.988 0 30 0 25.04 0 7 .592 7 5.5c0 .151 1.763 33.091 1.763 33.091C3.109 40.912 0 44.057 0 47.5a1 1 0 0 0 2 0c0-2.426 2.49-4.86 6.875-6.784a18.947 18.947 0 0 0 .148 2.155 3.155 3.155 0 0 0 .607 1.352C12.714 48.226 24.915 49 30 49c5.29 0 14.159-.675 18.629-3.325a5.326 5.326 0 0 0 2.005-1.894 7 7 0 0 0 .492-3.065C55.511 42.64 58 45.075 58 47.5 58 52.57 46.749 58 30 58a67.349 67.349 0 0 1-12.4-1.119 35.348 35.348 0 0 1-11.531-4.055 1.03 1.03 0 0 0-1.363.3.976.976 0 0 0 .306 1.4 37.184 37.184 0 0 0 12.213 4.321A69.333 69.333 0 0 0 30 60c16.822 0 30-5.49 30-12.5 0-3.442-3.109-6.588-8.763-8.909ZM9.163 8.073C13.543 10.333 23.621 11 30 11s16.467-.668 20.835-2.9L49.34 36.575C45.805 38.035 38.2 39 30 39s-15.806-.965-19.34-2.425ZM30 2c13.271 0 21.045 2.252 20.993 3.5C50.939 6.788 43.1 9 30 9 16.935 9 9.091 6.813 9.007 5.51 8.926 4.264 16.711 2 30 2Zm19.017 40.5a1.857 1.857 0 0 1-.88 1.17C44.393 46.352 34.633 47 30 47c-4.887 0-13.528-.637-17.646-3.013a2.3 2.3 0 0 1-1.371-1.577c-.055-.32-.192-3.333-.209-3.657C14.839 40.137 22.073 41 30 41s15.161-.863 19.225-2.247c-.025.554-.182 3.604-.208 3.747Z"
class="cls-8"
/>
</g>
</svg>
More icons in the same style and category