Add icons to this collection by clicking the heart icon.
Top Hat icon - also known as fashion, clothing, masculine, top hat, and elegant. Created in a clean lineal color style with a white, silver, gray, black, blue, orange, and pink 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>
<path
d="M465.32 85.656H7.5V21.017h457.82z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#57a4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.709-86.536H-301.95L-308.658 0Z"
transform="matrix(1.33333 0 0 -1.33333 520.986 453.077)"
fill="#787680"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M309.678 85.656h-86.536v86.536h86.536z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#57565c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-49.054-85.11-142.54-123.144-142.54-123.144s-13.955 99.957 35.099 185.068c49.053 85.11 142.54 123.143 142.54 123.143S49.054 85.11 0 0"
transform="translate(467.566 305.915)"
fill="#fff5cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M279.678 85.656h-86.536v86.536h86.536z"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M279.678 113.472h-28.721v30.905h28.721z"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M251.862 113.472h-30.905v30.905h30.905z"
fill="#787680"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-13.955 99.957 35.099 185.067c14.251 24.727 32.253 45.472 50.623 62.474l4.631 59.734h-357.938l24.64-317.854H65.713l4.071 52.529C32.828 13.357 0 0 0 0"
transform="translate(325.026 182.772)"
fill="#57a4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M251.862 113.472h-30.905v30.905h30.905z"
fill="#57565c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.5 21.018h30v64.639h-30z"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 6.708-86.536h30L30 0Z"
transform="translate(82.081 172.192)"
fill="#57565c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c31.792 55.161 82.248 90.548 113.821 108.621-.54 9.214-1.281 14.523-1.281 14.523S19.054 85.11-30 0c-49.054-85.11-35.099-185.067-35.099-185.067s11.577 4.709 28.719 14.522C-38.185-139.782-37.748-65.495 0 0"
transform="translate(390.125 367.839)"
fill="#ffc477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M193.142 85.656h30v86.536h-30z"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s15.931 6.482 38.089 20.08l1.695 21.869C24.773 30.336 10.444 21.236-1.281 14.523-.741 5.31 0 0 0 0"
transform="translate(355.026 182.772)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 24.64-317.854h30L30 0Z"
transform="translate(57.441 490.047)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-81.289v-64.639h457.82V0h-81.29"
transform="translate(88.79 85.656)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-84.353l-6.708 86.536H0"
transform="translate(173.142 85.656)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h91.062l-6.709-86.536H0"
transform="translate(299.678 172.192)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h73.729"
transform="translate(295 146.007)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,550"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h130.631"
transform="translate(312.83 59.074)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,550"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h157.752"
transform="translate(229.333 463.861)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,550"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-49.054-85.11-142.54-123.144-142.54-123.144s-13.955 99.957 35.099 185.068c49.053 85.11 142.54 123.143 142.54 123.143S49.054 85.11 0 0Z"
transform="translate(467.566 305.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-135.193-234.568"
transform="translate(454.123 406.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-13.832 51.47"
transform="translate(376.875 321.527)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.56-31.851"
transform="translate(401.46 421.345)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 57.053 15.333"
transform="translate(423.41 316.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-46.983-12.627"
transform="translate(434.036 260.574)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30.325 8.149"
transform="translate(472.884 418.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M279.678 85.656h-86.536v86.536h86.536z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M251.862 113.472h-30.905v30.905h30.905z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 2.422 31.238h-357.938l23.09-297.854"
transform="translate(412.957 458.809)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category