Add icons to this collection by clicking the heart icon.
Top Hat icon - also known as fashion, party, carnival, and top hat. Created in a clean lineal color style with a silver, gray, black, yellow, purple, 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="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-289v349c0 5.523 4.477 10 10 10h269c5.523 0 10-4.477 10-10z"
transform="translate(400.5 93)"
fill="#ba68c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.523 0 10-4.477 10-10v-349h30v349C10-4.477 5.523 0 0 0"
transform="translate(390.5 452)"
fill="#ab47bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-308a4 4 0 0 0-4 4v71a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(410 148)"
fill="#ffd54f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a4 4 0 0 0 4-4v-71a4 4 0 0 0-4-4H0a4 4 0 0 1 4 4v71a4 4 0 0 1-4 4"
transform="translate(410 227)"
fill="#ffca28"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-31.5a9 9 0 0 0-9-9h-413a9 9 0 0 0-9 9V0c0 9.113-7.387 16.5-16.5 16.5S-464 9.113-464 0v-37.917c0-19.652 15.931-35.583 35.583-35.583H-2.583C17.069-73.5 33-57.569 33-37.917V0c0 9.113-7.387 16.5-16.5 16.5S0 9.113 0 0"
transform="translate(471.5 133.5)"
fill="#9c27b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.113 0-16.5-7.387-16.5-16.5v-37.917C-16.5-74.069-32.431-90-52.083-90h33C.569-90 16.5-74.069 16.5-54.417V-16.5C16.5-7.387 9.113 0 0 0"
transform="translate(488 150)"
fill="#8e24aa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M280.5 171h-49v34h49zm23.83 64h-96.66c-3.41 0-6.17-2.76-6.17-6.17v-81.66c0-3.41 2.76-6.17 6.17-6.17h96.66c3.41 0 6.17 2.76 6.17 6.17v81.66c0 3.41-2.76 6.17-6.17 6.17"
fill="#66bb6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c3.41 0 6.17-2.76 6.17-6.17v-81.66c0-3.41-2.76-6.17-6.17-6.17H0c3.41 0 6.17 2.76 6.17 6.17v81.66C6.17-2.76 3.41 0 0 0"
transform="translate(304.33 235)"
fill="#4caf50"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.863 44.164c-2.195 3.246-5.787 3.246-7.982 0L-67.708 0c-2.195-3.246-2.195-8.558 0-11.804l29.863-44.163c2.195-3.246 5.787-3.246 7.982 0L0-11.804C2.195-8.558 2.195-3.246 0 0"
transform="translate(289.854 338.902)"
fill="#66bb6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.863 44.164c-2.195 3.246-5.787 3.246-7.982 0L-67.708 0c-2.195-3.246-2.195-8.558 0-11.804l29.863-44.163c2.195-3.246 5.787-3.246 7.982 0L0-11.804C2.195-8.558 2.195-3.246 0 0"
transform="translate(200.854 338.902)"
fill="#66bb6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.863 44.164c-2.195 3.246-5.787 3.246-7.982 0L-67.708 0c-2.195-3.246-2.195-8.558 0-11.804l29.863-44.163c2.195-3.246 5.787-3.246 7.982 0L0-11.804C2.195-8.558 2.195-3.246 0 0"
transform="translate(378.854 338.902)"
fill="#66bb6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-55h-289V0"
transform="translate(400.5 148)"
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 0v6.833c0 5.521 4.48 10 10 10h269c5.52 0 10-4.479 10-10v-215"
transform="translate(111.5 435.166)"
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 0v176.333"
transform="translate(111.5 227)"
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-41.5"
transform="translate(352 148)"
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 0h99.5c2.21 0 4-1.79 4-4v-71c0-2.21-1.79-4-4-4H73.375"
transform="translate(310.5 227)"
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-99.5c-2.21 0-4 1.79-4 4v71c0 2.21 1.79 4 4 4H0"
transform="translate(201.5 148)"
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 0h373.042c19.652 0 35.583 15.931 35.583 35.583V73.5c0 9.113-7.387 16.5-16.5 16.5s-16.5-7.387-16.5-16.5V42a9 9 0 0 0-9-9h-413a9 9 0 0 0-9 9v31.5c0 9.113-7.387 16.5-16.5 16.5s-16.5-7.387-16.5-16.5V35.583C-88.375 15.931-72.444 0-52.792 0h21.042"
transform="translate(95.875 60)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M280.5 171h-49v34h49zm23.83 64h-96.66c-3.41 0-6.17-2.76-6.17-6.17v-81.66c0-3.41 2.76-6.17 6.17-6.17h96.66c3.41 0 6.17 2.76 6.17 6.17v81.66c0 3.41-2.76 6.17-6.17 6.17z"
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-29.863 44.164c-2.195 3.246-5.787 3.246-7.982 0L-67.708 0c-2.195-3.246-2.195-8.558 0-11.804l29.863-44.163c2.195-3.246 5.787-3.246 7.982 0L0-11.804C2.195-8.558 2.195-3.246 0 0Z"
transform="translate(289.854 338.902)"
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-29.863 44.164c-2.195 3.246-5.787 3.246-7.982 0L-67.708 0c-2.195-3.246-2.195-8.558 0-11.804l29.863-44.163c2.195-3.246 5.787-3.246 7.982 0L0-11.804C2.195-8.558 2.195-3.246 0 0Z"
transform="translate(200.854 338.902)"
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-29.863 44.164c-2.195 3.246-5.787 3.246-7.982 0L-67.708 0c-2.195-3.246-2.195-8.558 0-11.804l29.863-44.163c2.195-3.246 5.787-3.246 7.982 0L0-11.804C2.195-8.558 2.195-3.246 0 0Z"
transform="translate(378.854 338.902)"
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