Add icons to this collection by clicking the heart icon.
Top Hat icon - also known as fashion, clothing, top hat, elegant, accessory, and isometric. Created in a clean gradient 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#43386b" />
<stop offset="1" stop-color="#594a8e" />
</linearGradient>
<linearGradient
id="c"
x1="256"
x2="256"
y1="473.871"
y2="237.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-10.221"
x2="454.436"
y1="446.66"
y2="178.39"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="256"
x2="256"
y1="381.694"
y2="129.815"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d7d1eb" />
<stop offset="1" stop-color="#e9e5f6" />
</linearGradient>
<linearGradient
id="f"
x1="83.543"
x2="83.543"
y1="147.891"
y2="144.823"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="256.022"
x2="256.022"
y1="384.994"
y2="255.706"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="76.628"
x2="389.7"
y1="234.906"
y2="54.154"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="m512 270.868-.02.001c-.364-33.606-20.908-65.645-62.466-89.638-92.557-53.437-254.228-46.736-361.103 14.969C28.288 230.912-1.686 275.636.073 317.636v34.786c-.485 34.369 19.99 67.249 62.412 91.741 92.557 53.438 254.229 46.736 361.103-14.968 61.478-35.494 91.361-81.449 88.1-124.262l.312-.031z"
/>
<path
fill="url(#d)"
d="M423.588 389.715c-106.875 61.704-268.546 68.406-361.103 14.968-92.556-53.437-80.949-146.779 25.926-208.483s268.547-68.406 361.103-14.968c92.557 53.437 80.949 146.778-25.926 208.483z"
/>
<path
fill="url(#e)"
d="m428.485 116.462-.049.004c-.246-22.643-14.051-44.233-42.052-60.399-62.362-36.005-171.291-31.489-243.301 10.085-40.509 23.388-60.704 53.521-59.519 81.82v154.38c-.327 23.158 13.468 45.311 42.051 61.813 62.362 36.005 171.292 31.49 243.302-10.085 41.422-23.915 61.557-54.878 59.359-83.724l.21-.02V116.462z"
/>
<path fill="url(#f)" d="M83.564 143.629c-.051 1.452-.06 2.9 0 4.344z" />
<path
fill="url(#g)"
d="M368.916 289.12c-72.01 41.574-180.939 46.09-243.302 10.084-28.582-16.501-42.378-38.655-42.051-61.813v64.961c-.327 23.158 13.468 45.311 42.051 61.813 62.362 36.005 171.292 31.49 243.302-10.085 41.422-23.915 61.557-54.878 59.359-83.724l.21-.02v-64.961l-.21.02c2.198 28.846-17.937 59.81-59.359 83.725z"
/>
<path
fill="url(#h)"
d="M368.916 196.538c-72.009 41.575-180.939 46.09-243.301 10.085s-54.541-98.895 17.468-140.47c72.01-41.575 180.939-46.09 243.301-10.085s54.542 98.895-17.468 140.47z"
/>
</svg>
More icons in the same style and category