Add icons to this collection by clicking the heart icon.
Butterfly icon - also known as animals, insect, butterfly, moths, and entomology. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fde472" />
<stop offset="1" stop-color="#ffab1f" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="95"
x2="364.85"
y1="254.394"
y2="254.394"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<path
d="M227.039 166.208c-30.405-57.369-87.882-86.476-128.378-65.013s-48.676 85.368-18.27 142.737c15.828 29.864 38.992 52.063 63.278 63.463-21.922 31.638-27.638 66.622-14.878 84.768l-20.533 22.518 11.402 10.397 21.177-23.224c21.756 9.06 56.31-8.322 80.88-41.967 23.37-32.002 20.112-47.783 20.112-87.05s4.958-69.369-14.79-106.629z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="132"
x2="352.16"
y1="308.93"
y2="308.93"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdce17" />
<stop offset="1" stop-color="#fd880c" />
</linearGradient>
<path
d="M192.499 184.514c16.083 30.345 11.756 64.147-9.664 75.499-21.42 11.353-51.822-4.044-67.904-34.388-16.083-30.345-11.756-64.147 9.664-75.499 21.419-11.352 51.821 4.044 67.904 34.388z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="132"
x2="352.16"
y1="176.635"
y2="176.635"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdce17" />
<stop offset="1" stop-color="#fd880c" />
</linearGradient>
<path
d="M162.734 325.038c11.928-16.334 29.156-24.057 38.479-17.248 9.323 6.808 7.21 25.569-4.718 41.903-11.929 16.334-29.156 24.056-38.479 17.248s-7.211-25.569 4.718-41.903z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="95"
x2="364.85"
y1="254.394"
y2="254.394"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<path
d="M284.961 166.208c30.405-57.369 87.882-86.476 128.378-65.013s48.676 85.368 18.27 142.737c-15.828 29.864-38.992 52.063-63.278 63.463 21.922 31.638 27.638 66.622 14.878 84.768l20.533 22.518-11.402 10.397-21.177-23.224c-21.756 9.06-56.31-8.322-80.88-41.967-23.37-32.002-20.112-47.783-20.112-87.05s-4.958-69.369 14.79-106.629z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="132"
x2="352.16"
y1="308.93"
y2="308.93"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdce17" />
<stop offset="1" stop-color="#fd880c" />
</linearGradient>
<path
d="M319.501 184.514c-16.083 30.345-11.756 64.147 9.664 75.499 21.42 11.353 51.822-4.044 67.904-34.388 16.083-30.345 11.756-64.147-9.664-75.499-21.419-11.352-51.821 4.044-67.904 34.388z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="132"
x2="352.16"
y1="176.635"
y2="176.635"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdce17" />
<stop offset="1" stop-color="#fd880c" />
</linearGradient>
<path
d="M349.266 325.038c-11.929-16.334-29.156-24.057-38.479-17.248-9.323 6.808-7.21 25.569 4.718 41.903 11.929 16.334 29.156 24.056 38.479 17.248s7.211-25.569-4.718-41.903z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="217.393"
x2="294.606"
y1="290.75"
y2="290.75"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0f6ef6" />
<stop offset="1" stop-color="#053d8a" />
</linearGradient>
<path
d="m294.536 93.146-.056-4.06c-11.187.156-32.343 7.493-32.343 34.146v47.919a16.533 16.533 0 0 0-2.316-.181h-7.643c-.787 0-1.557.074-2.316.181v-47.919c0-26.654-21.156-33.991-32.342-34.146l-.127 8.12c.064.001 6.421.172 12.555 3.555 7.826 4.317 11.794 11.877 11.794 22.472v51.425c-3.838 3.076-6.313 7.792-6.313 13.063v152.944c0 9.212 7.537 16.749 16.749 16.749h7.643c9.212 0 16.749-7.537 16.749-16.749V187.721c0-5.272-2.475-9.987-6.313-13.063v-51.425c0-10.595 3.968-18.155 11.794-22.472 6.134-3.383 12.492-3.554 12.555-3.555l-.07-4.06z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="235.43"
x2="276.57"
y1="282.459"
y2="282.459"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6de6ff" />
<stop offset="1" stop-color="#0ca7fc" />
</linearGradient>
<path d="M235.43 218.34h41.14v26.403h-41.14z" fill="url(#i)" />
<linearGradient
id="j"
x1="235.43"
x2="276.57"
y1="217.159"
y2="217.159"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6de6ff" />
<stop offset="1" stop-color="#0ca7fc" />
</linearGradient>
<path d="M235.43 283.64h41.14v26.403h-41.14z" fill="url(#j)" />
</svg>
More icons in the same style and category