Add icons to this collection by clicking the heart icon.
Top Hat icon - also known as hat, fashion, clothing, masculine, top hat, elegant, and accessory. Created in a clean filled style with a white and black 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="m0 0-182.612 16.281L-365.224 0c-33.053-2.947-58.388-30.641-58.388-63.825 0-26.078 15.808-49.525 39.956-59.367 36.055-14.695 99.348-31.347 201.044-31.347 101.696 0 164.989 16.652 201.044 31.347 24.148 9.842 39.956 33.289 39.956 59.367C58.388-30.641 33.053-2.947 0 0"
transform="matrix(1.33333 0 0 -1.33333 584.816 419.726)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-52.559 0-106.191 8.995-159.41 26.734l-12.716 4.239 2.788 13.111c14.301 67.263 17.33 115.903 11.17 179.422l-11.038 99.163a17.989 17.989 0 0 0 4.468 13.974 17.994 17.994 0 0 0 13.395 5.988h302.686c5.108 0 9.989-2.182 13.395-5.988a17.991 17.991 0 0 0 4.468-13.976l-11.038-99.161c-7.036-72.561-.942-122.455 11.17-179.422l2.788-13.11-12.716-4.24C106.192 8.995 52.559 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 341.333 527.953)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-302.687a33.015 33.015 0 0 1-24.572-10.985 33.013 33.013 0 0 1-8.199-25.637l11.026-99.05c5.984-61.792 3.021-109.18-10.922-174.755l-5.576-26.223 25.433-8.477c54.751-18.251 109.981-27.504 164.154-27.504s109.402 9.253 164.153 27.504l25.433 8.477-5.576 26.222c-11.81 55.544-17.756 104.17-10.922 174.756l11.026 99.05a33.013 33.013 0 0 1-8.199 25.637A33.012 33.012 0 0 1 0 0m0-30a2.974 2.974 0 0 0 2.956-3.303l-11.051-99.268c-7.066-72.764-1.341-124.087 11.418-184.096-51.929-17.309-103.297-25.964-154.666-25.964s-102.738 8.655-154.667 25.964c14.139 66.495 17.989 116.433 11.418 184.096l-11.05 99.268A2.974 2.974 0 0 0-302.687-30H0"
transform="matrix(1.33333 0 0 -1.33333 543.124 51.111)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-213.333c-20.619 0-37.334 16.715-37.334 37.333 0 20.619 16.715 37.334 37.334 37.334H0c20.619 0 37.333-16.715 37.333-37.334C37.333 16.715 20.619 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 483.556 133.778)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-213.817c-37.149 0-67.265 30.116-67.265 67.265 0 37.15 30.116 67.266 67.265 67.266H0c37.15 0 67.265-30.116 67.265-67.266C67.265 30.116 37.15 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 483.878 173.668)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-213.817c-37.149 0-67.265 30.116-67.265 67.265 0 37.15 30.116 67.266 67.265 67.266H0c37.15 0 67.265-30.116 67.265-67.266C67.265 30.116 37.15 0 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 483.878 173.668)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-107.857-35.953-203.133-35.953-310.99 0"
transform="matrix(1.33333 0 0 -1.33333 548.66 365.778)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0H-279.179l-5.09-23.701-45.11-210.041c-11.588-53.955-14.261-107.92-7.944-160.395 6.633-55.113 23.03-107.043 48.733-154.347l4.26-7.839 8.518-15.677h138.806l2.045 27.799 3.935 53.492c4.424 60.149 26.219 117.195 63.028 164.971l11.024 14.308.33.428.314.44.627.877.314.439.297.45c26.99 40.792 24.809 93.807-5.427 131.921-8.073 10.177-16.909 22.002-21.225 32.543-3.928 9.592-2.717 14.426-1.015 17.89 13.682 27.829 32.848 55.344 33.04 55.619l16.558 23.586zm-57.715-30-16.58-23.618c-.202-.288-20.539-29.388-35.386-59.589-13.995-28.466 5.907-57.414 25.659-82.313 22.147-27.917 23.718-66.786 3.911-96.722l-.628-.878-11.024-14.309c-40.403-52.441-64.326-115.057-69.183-181.079L-164.881-542h-93.089l-4.26 7.839c-23.885 43.958-39.13 92.275-45.308 143.609-5.919 49.17-3.399 99.809 7.49 150.511L-254.938-30h197.223"
transform="matrix(1.33333 0 0 -1.33333 418.286 671.111)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="m0 0-182.612 16.281L-365.224 0c-33.053-2.947-58.388-30.641-58.388-63.825 0-26.078 15.808-49.525 39.956-59.367 36.055-14.695 99.348-31.347 201.044-31.347 101.696 0 164.989 16.652 201.044 31.347 24.148 9.842 39.956 33.289 39.956 59.367C58.388-30.641 33.053-2.947 0 0"
transform="translate(438.612 197.206)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-182.612 16.281L-365.224 0c-33.053-2.947-58.388-30.641-58.388-63.825 0-26.078 15.808-49.525 39.956-59.367 36.055-14.695 99.348-31.347 201.044-31.347 101.696 0 164.989 16.652 201.044 31.347 24.148 9.842 39.956 33.289 39.956 59.367C58.388-30.641 33.053-2.947 0 0Z"
transform="translate(438.612 197.206)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-52.559 0-106.191 8.995-159.41 26.734l-12.716 4.239 2.788 13.111c14.301 67.263 17.33 115.903 11.17 179.422l-11.038 99.163a17.989 17.989 0 0 0 4.468 13.974 17.994 17.994 0 0 0 13.395 5.988h302.686c5.108 0 9.989-2.182 13.395-5.988a17.991 17.991 0 0 0 4.468-13.976l-11.038-99.161c-7.036-72.561-.942-122.455 11.17-179.422l2.788-13.11-12.716-4.24C106.192 8.995 52.559 0 0 0"
transform="translate(256 116.035)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-302.687a33.015 33.015 0 0 1-24.572-10.985 33.013 33.013 0 0 1-8.199-25.637l11.026-99.05c5.984-61.792 3.021-109.18-10.922-174.755l-5.576-26.223 25.433-8.477c54.751-18.251 109.981-27.504 164.154-27.504s109.402 9.253 164.153 27.504l25.433 8.477-5.576 26.222c-11.81 55.544-17.756 104.17-10.922 174.756l11.026 99.05a33.013 33.013 0 0 1-8.199 25.637A33.012 33.012 0 0 1 0 0m0-30a2.974 2.974 0 0 0 2.956-3.303l-11.051-99.268c-7.066-72.764-1.341-124.087 11.418-184.096-51.929-17.309-103.297-25.964-154.666-25.964s-102.738 8.655-154.667 25.964c14.139 66.495 17.989 116.433 11.418 184.096l-11.05 99.268A2.974 2.974 0 0 0-302.687-30H0"
transform="translate(407.343 473.666)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-213.333c-20.619 0-37.334 16.715-37.334 37.333 0 20.619 16.715 37.334 37.334 37.334H0c20.619 0 37.333-16.715 37.333-37.334C37.333 16.715 20.619 0 0 0"
transform="translate(362.667 411.666)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-213.333c-20.619 0-37.334 16.715-37.334 37.333 0 20.619 16.715 37.334 37.334 37.334H0c20.619 0 37.333-16.715 37.333-37.334C37.333 16.715 20.619 0 0 0Z"
transform="translate(362.667 411.666)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-213.817c-37.149 0-67.265 30.116-67.265 67.265 0 37.15 30.116 67.266 67.265 67.266H0c37.15 0 67.265-30.116 67.265-67.266C67.265 30.116 37.15 0 0 0"
transform="translate(362.908 381.749)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-213.817c-37.149 0-67.265 30.116-67.265 67.265 0 37.15 30.116 67.266 67.265 67.266H0c37.15 0 67.265-30.116 67.265-67.266C67.265 30.116 37.15 0 0 0Z"
transform="translate(362.908 381.749)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-107.857-35.953-203.133-35.953-310.99 0"
transform="translate(411.495 237.667)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0H-279.179l-5.09-23.701-45.11-210.041c-11.588-53.955-14.261-107.92-7.944-160.395 6.633-55.113 23.03-107.043 48.733-154.347l4.26-7.839 8.518-15.677h138.806l2.045 27.799 3.935 53.492c4.424 60.149 26.219 117.195 63.028 164.971l11.024 14.308.33.428.314.44.627.877.314.439.297.45c26.99 40.792 24.809 93.807-5.427 131.921-8.073 10.177-16.909 22.002-21.225 32.543-3.928 9.592-2.717 14.426-1.015 17.89 13.682 27.829 32.848 55.344 33.04 55.619l16.558 23.586zm-57.715-30-16.58-23.618c-.202-.288-20.539-29.388-35.386-59.589-13.995-28.466 5.907-57.414 25.659-82.313 22.147-27.917 23.718-66.786 3.911-96.722l-.628-.878-11.024-14.309c-40.403-52.441-64.326-115.057-69.183-181.079L-164.881-542h-93.089l-4.26 7.839c-23.885 43.958-39.13 92.275-45.308 143.609-5.919 49.17-3.399 99.809 7.49 150.511L-254.938-30h197.223"
transform="translate(313.715 8.666)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</g>
</svg>
More icons in the same style and category