Butterfly Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Butterfly 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/305303.svg" alt="Butterfly icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305303.svg" alt="Butterfly icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305303.svg" alt="Butterfly icon" :width="24" :height="24" />
CSS background
.icon-butterfly {
background-image: url('https://proicons.com/icon/305303.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="M937 227c-6-19-36-30-68-34-40-4-90 5-134 23-34 14-65 31-97 56-50 40-76 71-90 89-11 14-13 31-23 38 0-4 1-14-5-17-2-2-5-3-7-4 3-10 15-58 35-86 25-33 52-52 56-55 4-2 9-2 12-4 2-2 3-8 2-9-4-2-10 3-13 7-3 3-39 28-60 59-21 30-33 77-36 86-3-2-7-4-9-4s-5 1-8 3c-3-10-15-56-35-85-22-32-57-56-61-59-3-4-8-9-13-7-1 1 1 7 3 9 3 2 8 2 12 4 3 3 31 21 55 55 20 27 32 74 35 85-3 2-5 3-7 5-7 3-6 13-6 17-9-5-16-26-29-45-14-21-34-42-84-82-32-25-63-42-97-56-44-18-94-26-134-22-32 3-62 15-68 33-4 15 15 59 34 85 13 20 16 42 21 64 8 32 21 79 56 90 33 11 97-8 97-8s1 11-20 20c-22 9-35 23-47 47-12 22-21 51-21 64 0 20 5 27 4 37-1 11 3 23 11 31 9 10 6 18 10 29 3 10 17 18 17 18s-2 22 14 36c13 12 28 20 37 28 10 9 17 15 38 19 12 3 19 22 44 21 27-2 27-1 45-8 28-11 40-65 52-117 9-41 16-67 29-75-4 24 1 63 1 63s-3 21 0 24c-2 11 2 25 3 25 1 8 6 24 12 24s11-16 11-24c2 0 5-14 4-25 3-3-1-24-1-24s5-37 2-64c11 6 20 35 29 76 12 52 24 106 52 117 18 7 17 0 45 2 25 1 32-23 44-25 21-4 28-11 38-19 9-9 24-16 37-28 15-15 14-37 14-37s14-8 17-17c4-11 1-19 10-29 8-9 12-20 11-32-1-9 4-16 4-36 0-13-9-32-21-54-13-24-25-38-47-47-21-9-20-20-20-20s64 19 97 8c35-11 48-58 56-90 5-22 8-44 21-64 19-26 38-71 34-85z"/></svg>
More from IcoFont
View all
Copied!