Magic Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Magic icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306049.svg" alt="Magic icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306049.svg" alt="Magic icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306049.svg" alt="Magic icon" :width="24" :height="24" />
CSS background
.icon-magic {
background-image: url('https://proicons.com/icon/306049.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M375 188c4 4 5 12 4 17l-17 56c-2 5 1 8 6 6l55-21c5-2 13-1 17 2l48 34c4 3 7 1 7-5l-3-58c0-5 3-12 8-15l46-35c5-4 4-7-2-9l-55-15c-5-2-11-7-13-12l-19-55c-2-5-6-5-9-1l-31 49c-3 4-10 8-16 8l-58 1c-5 0-7 4-3 8l35 45zm384 107c-10 0-22-7-26-15l-54-87c-5-9-12-8-15 1l-37 95c-4 9-13 19-23 21l-99 24c-10 2-11 8-4 15l80 64c7 6 12 18 12 28l-8 102c-1 10 5 13 13 7l86-55c8-5 22-6 30-3l95 39c8 4 14 0 11-10l-26-98c-3-10 0-23 6-31l67-77c6-7 3-14-6-14l-102-6zm176-126l-32-9c-3-1-7-4-8-7l-11-32c-1-3-3-3-5 0l-18 28c-2 3-6 4-9 4l-34 1c-3 0-4 2-2 5l21 26c2 3 3 7 2 10l-10 32c-1 3 1 5 4 4l32-12c2-1 7-1 10 1l27 19c3 2 5 1 4-2l-1-33c0-4 2-8 4-10l27-20c2-2 2-4-1-5zM350 553L172 734l-94 95c-18 18-21 46-5 62l25 25c16 16 44 14 62-5l318-317-74-96-54 55zm75-75l71 99 57-58-74-96-54 55z"/></svg>
More from IcoFont
View all
Copied!