Add icons to this collection by clicking the heart icon.
Magic Hat icon - also known as entertainment, hat, fashion, animals, magic, magician, rabbit, magic trick, magic hat, accessory, bunny, and disappear. Created in a clean lineal color style with a white, black, red, and navy 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 0-78.345 89.297c-8.757 9.981-23.947 10.974-33.928 2.217-9.981-8.757-10.973-23.947-2.216-33.928l78.345-89.297z"
transform="translate(221.372 404.516)"
fill="#efefef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 77.808-88.685 9.37 8.221L8.833 8.833C.076 18.814-15.114 19.807-25.094 11.05a24 24 0 0 1-4.975-6.069C-20.341 10.596-7.69 8.765 0 0"
transform="translate(134.194 484.98)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 78.345 89.297c8.757 9.981 23.947 10.974 33.928 2.217 9.981-8.757 10.973-23.947 2.216-33.928L36.144-31.711Z"
transform="translate(290.628 404.516)"
fill="#efefef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a24.15 24.15 0 0 1-3.729 2.686c5.076-8.69 4.314-19.999-2.688-27.98l-79.491-89.351 9.779-8.58L2.217-33.928C10.973-23.947 9.981-8.757 0 0"
transform="translate(402.9 496.03)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40h34v-255.944h280V-40h34V0Z"
transform="translate(82 305.944)"
fill="#273b51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M396 265.944h34v20.5h-34zM116 286.444H82v-20.5h34z"
fill="#1b254a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-243v-20.5H37v255.944H10V10C10 4.477 5.523 0 0 0"
transform="translate(359 30.5)"
fill="#1b254a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M403 265.944h27v40h-27z"
fill="#1b254a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M396 225.944H116v40h280z"
fill="#ff2e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M369 225.944h27v40h-27z"
fill="#ed1414"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a27.368 27.368 0 0 1 4.557 15.158c0 15.188-12.312 27.5-27.5 27.5-12.809 0-23.572-8.757-26.63-20.611-3.596 3.468-8.479 5.611-13.87 5.611-11.046 0-20-8.955-20-20 0-3.181.762-6.178 2.084-8.848-30.875-15.408-52.084-47.301-52.084-84.152v-21h188v21C54.557-47.515 32.21-14.912 0 0"
transform="translate(295.443 412.286)"
fill="#efefef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a27.368 27.368 0 0 1 4.557 15.158c0 15.188-12.312 27.5-27.5 27.5-7.381 0-14.072-2.919-19.011-7.652 14.961-.261 27.011-12.463 27.011-27.487 0-5.603-1.68-10.812-4.557-15.158 32.21-14.912 54.557-47.515 54.557-85.342v-13.361h19.5v21C54.557-47.515 32.21-14.912 0 0"
transform="translate(295.443 412.286)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523 4.477-10 10-10S20-5.523 20 0s-4.477 10-10 10S0 5.523 0 0"
transform="translate(281.5 342.944)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523 4.477-10 10-10S20-5.523 20 0s-4.477 10-10 10S0 5.523 0 0"
transform="translate(210.5 342.944)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 37.629-42.676"
transform="translate(140.37 423.62)"
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-71.973 81.869c-8.757 9.981-23.947 10.974-33.928 2.217v0c-9.981-8.757-10.973-23.947-2.216-33.928l11.328-12.927"
transform="translate(215 411.944)"
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 40.343-46.267"
transform="translate(153.657 444.211)"
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 71.973 81.869c8.757 9.981 23.947 10.974 33.928 2.217v0c9.981-8.757 10.973-23.947 2.216-33.928L37.16-30.678"
transform="translate(297 411.944)"
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-40.343-46.267"
transform="translate(358.343 444.211)"
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 0v-141.833h280V0"
transform="translate(116 151.833)"
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 0v78.569h-34v40h348v-40h-34V0"
transform="translate(116 187.375)"
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 0h280"
transform="translate(116 265.944)"
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-280"
transform="translate(396 225.944)"
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 0a27.368 27.368 0 0 1 4.557 15.158c0 15.188-12.312 27.5-27.5 27.5-12.809 0-23.572-8.757-26.63-20.611-3.596 3.468-8.479 5.611-13.87 5.611-11.046 0-20-8.955-20-20 0-3.181.762-6.178 2.084-8.848-30.875-15.408-52.084-47.301-52.084-84.152v-21h188v21C54.557-47.515 32.21-14.912 0 0Z"
transform="translate(295.443 412.286)"
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