butterfly icon
butterfly-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- butterfly-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
butterflyEmoji One (Colored)butterflyFluent EmojibutterflyFluent Emoji FlatbutterflyFluent Emoji High ContrastbutterflyIconParkbutterflyIconPark OutlinebutterflyIconPark SolidbutterflyIconPark TwoTonebutterflyLucide LabbutterflyMaterial Design Iconsbutterfly-fillMingCute IconbutterflyNoto EmojibutterflyOpenMojibutterflyTabler IconsbutterflyTwitter Emoji
Use the butterfly icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.5 52.94C224.89 47 218 44 208.93 44c-25.86 0-61.28 28.73-76.93 57.28V56a4 4 0 0 0-8 0v45.28C108.35 72.73 72.93 44 47.07 44c-9 0-16 3-20.57 8.94c-11.1 14.26-6 42.25.5 67.75c3.67 14.42 10.55 24.64 20.48 30.38a36.8 36.8 0 0 0 12.75 4.45A40 40 0 1 0 128 197.43a40 40 0 1 0 67.77-41.9a36.8 36.8 0 0 0 12.75-4.46c9.93-5.74 16.81-16 20.48-30.38c6.47-25.5 11.6-53.49.5-67.75M92 212a32.12 32.12 0 0 1-3.56-64a4 4 0 0 0-.88-8a39.64 39.64 0 0 0-19.78 8c-22.8 1.24-30.68-20-33-29.24c-5.65-22.24-11-49.26-1.95-60.87C35.87 53.91 40.54 52 47.07 52C76.55 52 124 98.68 124 127.67V180a32 32 0 0 1-32 32m129.24-93.28c-2.34 9.22-10.22 30.47-33 29.24a39.7 39.7 0 0 0-19.8-7.96a4 4 0 0 0-.88 8A32.1 32.1 0 1 1 132 180v-52.33c0-29 47.45-75.67 76.93-75.67c6.53 0 11.2 1.91 14.26 5.85c9.03 11.61 3.7 38.63-1.95 60.87"/></svg>
React
import type { SVGProps } from "react";
export function PhButterflyThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.5 52.94C224.89 47 218 44 208.93 44c-25.86 0-61.28 28.73-76.93 57.28V56a4 4 0 0 0-8 0v45.28C108.35 72.73 72.93 44 47.07 44c-9 0-16 3-20.57 8.94c-11.1 14.26-6 42.25.5 67.75c3.67 14.42 10.55 24.64 20.48 30.38a36.8 36.8 0 0 0 12.75 4.45A40 40 0 1 0 128 197.43a40 40 0 1 0 67.77-41.9a36.8 36.8 0 0 0 12.75-4.46c9.93-5.74 16.81-16 20.48-30.38c6.47-25.5 11.6-53.49.5-67.75M92 212a32.12 32.12 0 0 1-3.56-64a4 4 0 0 0-.88-8a39.64 39.64 0 0 0-19.78 8c-22.8 1.24-30.68-20-33-29.24c-5.65-22.24-11-49.26-1.95-60.87C35.87 53.91 40.54 52 47.07 52C76.55 52 124 98.68 124 127.67V180a32 32 0 0 1-32 32m129.24-93.28c-2.34 9.22-10.22 30.47-33 29.24a39.7 39.7 0 0 0-19.8-7.96a4 4 0 0 0-.88 8A32.1 32.1 0 1 1 132 180v-52.33c0-29 47.45-75.67 76.93-75.67c6.53 0 11.2 1.91 14.26 5.85c9.03 11.61 3.7 38.63-1.95 60.87"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.5 52.94C224.89 47 218 44 208.93 44c-25.86 0-61.28 28.73-76.93 57.28V56a4 4 0 0 0-8 0v45.28C108.35 72.73 72.93 44 47.07 44c-9 0-16 3-20.57 8.94c-11.1 14.26-6 42.25.5 67.75c3.67 14.42 10.55 24.64 20.48 30.38a36.8 36.8 0 0 0 12.75 4.45A40 40 0 1 0 128 197.43a40 40 0 1 0 67.77-41.9a36.8 36.8 0 0 0 12.75-4.46c9.93-5.74 16.81-16 20.48-30.38c6.47-25.5 11.6-53.49.5-67.75M92 212a32.12 32.12 0 0 1-3.56-64a4 4 0 0 0-.88-8a39.64 39.64 0 0 0-19.78 8c-22.8 1.24-30.68-20-33-29.24c-5.65-22.24-11-49.26-1.95-60.87C35.87 53.91 40.54 52 47.07 52C76.55 52 124 98.68 124 127.67V180a32 32 0 0 1-32 32m129.24-93.28c-2.34 9.22-10.22 30.47-33 29.24a39.7 39.7 0 0 0-19.8-7.96a4 4 0 0 0-.88 8A32.1 32.1 0 1 1 132 180v-52.33c0-29 47.45-75.67 76.93-75.67c6.53 0 11.2 1.91 14.26 5.85c9.03 11.61 3.7 38.63-1.95 60.87"/></svg> </template>
CSS
.icon-butterfly-thin {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M229.5%2052.94C224.89%2047%20218%2044%20208.93%2044c-25.86%200-61.28%2028.73-76.93%2057.28V56a4%204%200%200%200-8%200v45.28C108.35%2072.73%2072.93%2044%2047.07%2044c-9%200-16%203-20.57%208.94c-11.1%2014.26-6%2042.25.5%2067.75c3.67%2014.42%2010.55%2024.64%2020.48%2030.38a36.8%2036.8%200%200%200%2012.75%204.45A40%2040%200%201%200%20128%20197.43a40%2040%200%201%200%2067.77-41.9a36.8%2036.8%200%200%200%2012.75-4.46c9.93-5.74%2016.81-16%2020.48-30.38c6.47-25.5%2011.6-53.49.5-67.75M92%20212a32.12%2032.12%200%200%201-3.56-64a4%204%200%200%200-.88-8a39.64%2039.64%200%200%200-19.78%208c-22.8%201.24-30.68-20-33-29.24c-5.65-22.24-11-49.26-1.95-60.87C35.87%2053.91%2040.54%2052%2047.07%2052C76.55%2052%20124%2098.68%20124%20127.67V180a32%2032%200%200%201-32%2032m129.24-93.28c-2.34%209.22-10.22%2030.47-33%2029.24a39.7%2039.7%200%200%200-19.8-7.96a4%204%200%200%200-.88%208A32.1%2032.1%200%201%201%20132%20180v-52.33c0-29%2047.45-75.67%2076.93-75.67c6.53%200%2011.2%201.91%2014.26%205.85c9.03%2011.61%203.7%2038.63-1.95%2060.87%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M229.5%2052.94C224.89%2047%20218%2044%20208.93%2044c-25.86%200-61.28%2028.73-76.93%2057.28V56a4%204%200%200%200-8%200v45.28C108.35%2072.73%2072.93%2044%2047.07%2044c-9%200-16%203-20.57%208.94c-11.1%2014.26-6%2042.25.5%2067.75c3.67%2014.42%2010.55%2024.64%2020.48%2030.38a36.8%2036.8%200%200%200%2012.75%204.45A40%2040%200%201%200%20128%20197.43a40%2040%200%201%200%2067.77-41.9a36.8%2036.8%200%200%200%2012.75-4.46c9.93-5.74%2016.81-16%2020.48-30.38c6.47-25.5%2011.6-53.49.5-67.75M92%20212a32.12%2032.12%200%200%201-3.56-64a4%204%200%200%200-.88-8a39.64%2039.64%200%200%200-19.78%208c-22.8%201.24-30.68-20-33-29.24c-5.65-22.24-11-49.26-1.95-60.87C35.87%2053.91%2040.54%2052%2047.07%2052C76.55%2052%20124%2098.68%20124%20127.67V180a32%2032%200%200%201-32%2032m129.24-93.28c-2.34%209.22-10.22%2030.47-33%2029.24a39.7%2039.7%200%200%200-19.8-7.96a4%204%200%200%200-.88%208A32.1%2032.1%200%201%201%20132%20180v-52.33c0-29%2047.45-75.67%2076.93-75.67c6.53%200%2011.2%201.91%2014.26%205.85c9.03%2011.61%203.7%2038.63-1.95%2060.87%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/butterfly-thin.svg?color=%231a73e8&size=48
