Add icons to this collection by clicking the heart icon.
Top Hat icon - also known as data, magic, magician, top hat, transformation, and seo and web. Created in a clean flat style with a white, yellow, teal, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<path
fill="#4bb4f5"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="#367a9f"
d="M510.254 285.879 322.633 98.199 98.375 251.09l48.633 48.65 2.14 58.03 45.22 45.22-10.138 9.163-26.218-27.078-8.864 33.516 93.036 93.035c4.578.246 9.18.375 13.816.375 131.277 0 239.453-98.816 254.254-226.121zm0 0"
/>
<path
fill="#fbdf65"
d="M174.906 287.086c-20.496 0-37.168 16.672-37.168 37.168v6.758c0 20.496 16.672 37.168 37.168 37.168 9.317 0 16.895 7.578 16.895 16.894v6.758c0 9.316-7.578 16.895-16.895 16.895s-16.894-7.579-16.894-16.895v-6.758h-20.274v6.758c0 20.496 16.672 37.168 37.168 37.168s37.168-16.672 37.168-37.168v-6.758c0-20.496-16.672-37.168-37.168-37.168-9.316 0-16.894-7.578-16.894-16.894v-6.758c0-9.317 7.578-16.895 16.894-16.895s16.895 7.579 16.895 16.895v6.758h20.273v-6.758c0-20.496-16.672-37.168-37.168-37.168zm0 0"
/>
<g fill="#fabe5c">
<path
d="M337.094 287.086c-20.496 0-37.168 16.672-37.168 37.168v67.578c0 20.496 16.672 37.168 37.168 37.168s37.168-16.672 37.168-37.168v-67.578c0-20.496-16.672-37.168-37.168-37.168zm16.894 104.746c0 9.316-7.578 16.895-16.894 16.895s-16.895-7.579-16.895-16.895v-67.578c0-9.316 7.578-16.895 16.895-16.895s16.894 7.579 16.894 16.895zM256 408.727h33.79V429H256zM289.79 307.36v-20.274H256l-6.758 10.137L256 307.359zM279.652 368.18v-20.274H256l-6.758 10.137L256 368.18zm0 0"
/>
</g>
<path
fill="#fbdf65"
d="M249.242 307.36H256v-20.274h-27.031V429H256v-20.273h-6.758V368.18H256v-20.274h-6.758zm0 0"
/>
<path
fill="#fdefb2"
d="M333.363 114.594C325.555 95.402 307.121 83 286.41 83A50.675 50.675 0 0 0 256 93.148l-20.273 121.63 122.34-40.548zm0 0"
/>
<path
fill="#fff7f5"
d="M225.59 83c-20.711 0-39.145 12.402-46.93 31.535l-24.726 59.695L256 214.777V93.148A50.675 50.675 0 0 0 225.59 83zm0 0"
/>
<path fill="#fbdf65" d="M358.066 174.23H256l-20.273 50.684h143.332zm0 0" />
<path fill="#fdefb2" d="m153.934 174.23-20.993 50.684H256V174.23zm0 0" />
<path
fill="#fdefb2"
d="m256 204.64-20.273 30.41L256 265.46h122.316c27.946 0 50.684-22.737 50.684-50.683v-10.136zm0 0"
/>
<path
fill="#fff7f5"
d="M83 204.64v10.137c0 27.95 22.734 50.684 50.684 50.684H256v-60.82zm0 0"
/>
</svg>
More icons in the same style and category