Add icons to this collection by clicking the heart icon.
Magic icon - also known as magic, magician, spell, wizard, witch, powder, and miscellaneous. Created in a clean flat 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="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 0c0-141.384-114.616-256-256-256-34.99 0-68.342 7.014-98.724 19.732v24.659c0 62.34-50.534 112.885-112.885 112.885h-24.659C-504.986-68.342-512-34.99-512 0c0 45.619 11.93 88.453 32.85 125.542C-435.251 203.407-351.765 256-256 256c95.591 0 178.934-52.388 222.904-130.017a.957.957 0 0 1 .082-.133C-12.001 88.688 0 45.742 0 0"
transform="translate(512 256)"
fill="#e682fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-141.384-114.616-256-256-256-34.99 0-68.342 7.014-98.724 19.732v24.659c0 62.34-50.534 112.885-112.885 112.885h-24.659C-504.986-68.342-512-34.99-512 0c0 45.619 11.93 88.453 32.85 125.542.225.39.461.779.686 1.178.051.102.102.205.153.256 24.956-43.633 62.383-79.196 107.459-101.827.789-.409 1.577-.798 2.366-1.188a250.324 250.324 0 0 1 16.025-7.168 251.848 251.848 0 0 1 32.512-10.741c19.651-5.069 40.223-7.854 61.389-8.049h5.12c22.078.205 43.5 3.226 63.919 8.704a253.606 253.606 0 0 1 29.982 10.086 245.65 245.65 0 0 1 15.534 6.933c.164.072.327.154.491.235a255.283 255.283 0 0 1 34.878 20.685c30.597 21.566 56.279 49.695 74.947 82.33.05-.051.102-.154.153-.256.143-.246.287-.491.44-.737a.957.957 0 0 1 .082-.133C-12.001 88.688 0 45.742 0 0"
transform="translate(512 256)"
fill="#c667ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.077 10.078c-11.68 11.679-14.762 27.56-6.863 35.459l41.542 41.542 20.659-20.658c5.015-16.378 3.295-31.597-5.053-41.601C30.203 12.831 16.533 4.291 0 0"
transform="translate(319.99 340.163)"
fill="#d85f39"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.21.187-10.089 10.089c-5.849 5.85-4.18 16.98 3.718 24.878l41.543 41.543 20.669-20.669-.758-14.403C44.51 15.835 26.504-.497 0 0"
transform="translate(339.288 329.887)"
fill="#c94d31"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.542-41.542c-7.892-7.892-23.762-4.82-35.431 6.849l-20.176 20.176 55.833 55.834z"
transform="translate(427.228 344.591)"
fill="#903d32"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.075-1.997-2.15-3.994-3.226-5.939-38.708-70.247-99.686-125.799-173.21-157.748-22.323-9.728-45.875-17.254-70.246-22.374l-20.326-4.25c-10.291 14.746-19.098 30.669-26.112 47.463a51.882 51.882 0 0 0 8.192 10.649l113.203 113.203 26.214 26.215c22.631 22.63 56.167 27.648 83.661 15.053 5.171-2.407 11.315-1.383 15.36 2.662l6.195 6.195C-24.832 23.5-11.162 12.851 0 0"
transform="translate(312.857 300.127)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.233-1.506a413.077 413.077 0 0 0-5.834 7.262 3.55 3.55 0 0 1-.559.714c-.311.41-.466.622-.466.622l-20.223 20.223 39.47 39.471 27.337-27.337C37.858 18.371 21.121 1.633.042 0Z"
transform="translate(294.092 348.695)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.208-12.367-17.45-20.479-30.86-19.997l-.302.012-1.549.064a461.408 461.408 0 0 0-14.51 16.023c.658 1.591.665 3.026-.106 3.797l-10.111 10.112 39.499 39.498L9.354 22.215Z"
transform="translate(351.53 338.684)"
fill="#dff0f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-36.25-36.301-3.226-3.225-2.611-2.611c10.957-11.52 23.194-23.04 34.049-30.004a6.572 6.572 0 0 0 2.918-1.792l20.25-20.198 39.474 39.475z"
transform="translate(360.883 360.901)"
fill="#9dd6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a371.618 371.618 0 0 0-222.361-196.25l-29.44-9.522c-10.701 10.7-20.48 22.323-29.133 34.815 3.84 7.68 9.625 15.667 17.101 23.092L-124.467-8.448c22.631 22.631 49.101 34.765 66.56 32.205 3.277-.461 8.14 1.843 12.185 5.888l9.831 9.779A129.575 129.575 0 0 0 0 0"
transform="translate(326.783 280.773)"
fill="#dff0f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a13.7 13.7 0 0 1-.103-11.674c12.596-27.494 7.579-61.081-15.052-83.712l-139.366-139.366a50.81 50.81 0 0 0-10.701-8.192c-30.976 12.953-58.88 31.846-82.278 55.245l61.439 61.44L-68.454-8.704l47.872 47.923 4.812 4.813C-5.837 34.099 2.458 22.63 8.756 9.881l.051-.051-6.196-6.144C1.485 2.56.614 1.331 0 0"
transform="translate(322.482 262.7)"
fill="#9dd6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.75-5.17c-17.76-52.38-58.97-93.46-111.41-111.04l-.07.07c-7.92 7.93-7.9 20.78.02 28.7L-26.48-.76C-19.21 6.55-7.57 6.76 0 0"
transform="translate(163.26 233.25)"
fill="#ffe706"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.41-2.51c-9.37-55.76-52.27-99.94-107.72-110.95l-6.61-1.28-33.43 33.49-.07.07c3.45 5.34 7.79 10.7 12.92 15.8L-35.01 34.96c.28-.24.55-.5.81-.76z"
transform="translate(198.27 198.29)"
fill="#ffbf03"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-86.713-86.714c-7.946-7.945-20.828-7.945-28.773 0l-33.47 33.469L-34.208 61.503 0 27.295C7.54 19.756 7.54 7.539 0 0"
transform="translate(232.501 136.788)"
fill="#f49c1a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.536 7.536 0 1 0 0 10.656A7.536 7.536 0 0 0 0 0"
transform="translate(152.874 192.464)"
fill="#ed794a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.536 7.536 0 0 0-10.656 10.656A7.536 7.536 0 0 0 0 0"
transform="translate(143.675 153.773)"
fill="#ed794a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.536 7.536 0 0 0-10.656 10.656A7.536 7.536 0 0 0 0 0"
transform="translate(88.632 144.283)"
fill="#ed794a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.536 7.536 0 0 0-10.656 10.656A7.536 7.536 0 0 0 0 0"
transform="translate(131.12 63.835)"
fill="#d85f39"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.536 7.536 0 0 0-10.656 10.656A7.536 7.536 0 0 0 0 0"
transform="translate(148.932 107.344)"
fill="#d85f39"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.536 7.536 0 0 0-10.656 10.656A7.536 7.536 0 0 0 0 0"
transform="translate(200.179 114.206)"
fill="#d85f39"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.536 7.536 0 0 0-10.656 10.656A7.536 7.536 0 0 0 0 0"
transform="translate(205.28 159.621)"
fill="#d85f39"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-1.665C-9.041 0-15.02 5.979-15.02 13.355v1.665h-9.52v-1.665C-24.54 5.979-30.519 0-37.895 0h-1.665v-9.52h1.665c7.376 0 13.355-5.979 13.355-13.355v-1.665h9.52v1.665c0 7.376 5.979 13.355 13.355 13.355H0Z"
transform="translate(281.098 450.306)"
fill="#ffe706"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-1.666C-9.041 0-15.02 5.979-15.02 13.355v1.665h-9.52v-1.665C-24.54 5.979-30.519 0-37.895 0h-1.665v-9.52h1.665c7.376 0 13.355-5.979 13.355-13.355v-1.665h9.52v1.665c0 7.376 5.979 13.355 13.354 13.355H0Z"
transform="translate(88.193 292.005)"
fill="#ffe706"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-1.665C-9.041 0-15.02 5.979-15.02 13.355v1.665h-9.52v-1.665C-24.54 5.979-30.519 0-37.895 0h-1.665v-9.52h1.665c7.376 0 13.355-5.979 13.355-13.355v-1.665h9.52v1.665c0 7.376 5.979 13.355 13.355 13.355H0Z"
transform="translate(481.83 235.204)"
fill="#ffe706"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-1.665C-9.04 0-15.02 5.979-15.02 13.355v1.665h-9.52v-1.665C-24.54 5.979-30.519 0-37.895 0h-1.665v-9.52h1.665c7.376 0 13.355-5.979 13.355-13.355v-1.666h9.52v1.666c0 7.376 5.98 13.355 13.355 13.355H0Z"
transform="translate(356.29 81.978)"
fill="#ffe706"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.409-5.888-4.198-10.854-10.087-10.854h-11.11L-35.892 3.84l14.439 14.438c2.765 2.816 2.765 7.322 0 10.087L-4.25 11.162A20.29 20.29 0 0 0 0 0"
transform="translate(308.454 327.417)"
fill="#dff0f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.394-8.191-18.944-18.585-19.405l-.922-.051L-34.15-4.812l14.438 14.438c2.765 2.816 3.892 6.195 2.509 7.578z"
transform="translate(321.407 321.375)"
fill="#9dd6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.138 7.138 0 0 1-10.137 0l-14.387-14.438-29.389 29.389 19.507 19.455 1.177-1.177z"
transform="translate(355.813 286.969)"
fill="#76caea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category