butterfly icon
butterfly-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- butterfly-bold
- Set
- Phosphor
- Style
- Bold
- 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="M235.79 48c-4.27-5.48-12.4-12-26.88-12c-17.86 0-40.5 11.7-60.57 31.3c-3 2.89-5.74 5.85-8.34 8.84V56a12 12 0 0 0-24 0v20.14c-2.6-3-5.38-6-8.34-8.84C87.59 47.7 65 36 47.09 36c-14.48 0-22.61 6.54-26.88 12C7 65 12 93.91 19.28 122.66c5.75 22.64 17.8 33 28.88 37.69A48.12 48.12 0 0 0 92 228a47.87 47.87 0 0 0 36-16.28A48 48 0 0 0 212 180a48.5 48.5 0 0 0-4.14-19.65c11.08-4.67 23.13-15 28.88-37.69C244 93.91 249 65 235.79 48M92 204a24 24 0 0 1-24-24a24.36 24.36 0 0 1 21.31-24.07a12 12 0 0 0-2.64-23.86a47.6 47.6 0 0 0-21.5 7.93c-8.19-.29-18-4.92-22.63-23.24c-7.41-29.18-8.55-47.35-3.39-54C39.74 62 41.3 60 47.09 60c11.21 0 28.82 9.83 43.81 24.47c15.25 14.9 25.1 31.86 25.1 43.2V180a24 24 0 0 1-24 24m121.45-87.25C208.81 135.07 199 139.7 190.82 140a47.54 47.54 0 0 0-21.51-7.92a12 12 0 1 0-2.64 23.86A24.36 24.36 0 0 1 188 180a24 24 0 1 1-48 0v-52.33c0-11.34 9.85-28.3 25.1-43.2C180.09 69.83 197.7 60 208.91 60c5.79 0 7.35 2 7.94 2.76c5.15 6.64 4.02 24.81-3.39 53.99Z"/></svg>
React
import type { SVGProps } from "react";
export function PhButterflyBold(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="M235.79 48c-4.27-5.48-12.4-12-26.88-12c-17.86 0-40.5 11.7-60.57 31.3c-3 2.89-5.74 5.85-8.34 8.84V56a12 12 0 0 0-24 0v20.14c-2.6-3-5.38-6-8.34-8.84C87.59 47.7 65 36 47.09 36c-14.48 0-22.61 6.54-26.88 12C7 65 12 93.91 19.28 122.66c5.75 22.64 17.8 33 28.88 37.69A48.12 48.12 0 0 0 92 228a47.87 47.87 0 0 0 36-16.28A48 48 0 0 0 212 180a48.5 48.5 0 0 0-4.14-19.65c11.08-4.67 23.13-15 28.88-37.69C244 93.91 249 65 235.79 48M92 204a24 24 0 0 1-24-24a24.36 24.36 0 0 1 21.31-24.07a12 12 0 0 0-2.64-23.86a47.6 47.6 0 0 0-21.5 7.93c-8.19-.29-18-4.92-22.63-23.24c-7.41-29.18-8.55-47.35-3.39-54C39.74 62 41.3 60 47.09 60c11.21 0 28.82 9.83 43.81 24.47c15.25 14.9 25.1 31.86 25.1 43.2V180a24 24 0 0 1-24 24m121.45-87.25C208.81 135.07 199 139.7 190.82 140a47.54 47.54 0 0 0-21.51-7.92a12 12 0 1 0-2.64 23.86A24.36 24.36 0 0 1 188 180a24 24 0 1 1-48 0v-52.33c0-11.34 9.85-28.3 25.1-43.2C180.09 69.83 197.7 60 208.91 60c5.79 0 7.35 2 7.94 2.76c5.15 6.64 4.02 24.81-3.39 53.99Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.79 48c-4.27-5.48-12.4-12-26.88-12c-17.86 0-40.5 11.7-60.57 31.3c-3 2.89-5.74 5.85-8.34 8.84V56a12 12 0 0 0-24 0v20.14c-2.6-3-5.38-6-8.34-8.84C87.59 47.7 65 36 47.09 36c-14.48 0-22.61 6.54-26.88 12C7 65 12 93.91 19.28 122.66c5.75 22.64 17.8 33 28.88 37.69A48.12 48.12 0 0 0 92 228a47.87 47.87 0 0 0 36-16.28A48 48 0 0 0 212 180a48.5 48.5 0 0 0-4.14-19.65c11.08-4.67 23.13-15 28.88-37.69C244 93.91 249 65 235.79 48M92 204a24 24 0 0 1-24-24a24.36 24.36 0 0 1 21.31-24.07a12 12 0 0 0-2.64-23.86a47.6 47.6 0 0 0-21.5 7.93c-8.19-.29-18-4.92-22.63-23.24c-7.41-29.18-8.55-47.35-3.39-54C39.74 62 41.3 60 47.09 60c11.21 0 28.82 9.83 43.81 24.47c15.25 14.9 25.1 31.86 25.1 43.2V180a24 24 0 0 1-24 24m121.45-87.25C208.81 135.07 199 139.7 190.82 140a47.54 47.54 0 0 0-21.51-7.92a12 12 0 1 0-2.64 23.86A24.36 24.36 0 0 1 188 180a24 24 0 1 1-48 0v-52.33c0-11.34 9.85-28.3 25.1-43.2C180.09 69.83 197.7 60 208.91 60c5.79 0 7.35 2 7.94 2.76c5.15 6.64 4.02 24.81-3.39 53.99Z"/></svg> </template>
CSS
.icon-butterfly-bold {
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%22M235.79%2048c-4.27-5.48-12.4-12-26.88-12c-17.86%200-40.5%2011.7-60.57%2031.3c-3%202.89-5.74%205.85-8.34%208.84V56a12%2012%200%200%200-24%200v20.14c-2.6-3-5.38-6-8.34-8.84C87.59%2047.7%2065%2036%2047.09%2036c-14.48%200-22.61%206.54-26.88%2012C7%2065%2012%2093.91%2019.28%20122.66c5.75%2022.64%2017.8%2033%2028.88%2037.69A48.12%2048.12%200%200%200%2092%20228a47.87%2047.87%200%200%200%2036-16.28A48%2048%200%200%200%20212%20180a48.5%2048.5%200%200%200-4.14-19.65c11.08-4.67%2023.13-15%2028.88-37.69C244%2093.91%20249%2065%20235.79%2048M92%20204a24%2024%200%200%201-24-24a24.36%2024.36%200%200%201%2021.31-24.07a12%2012%200%200%200-2.64-23.86a47.6%2047.6%200%200%200-21.5%207.93c-8.19-.29-18-4.92-22.63-23.24c-7.41-29.18-8.55-47.35-3.39-54C39.74%2062%2041.3%2060%2047.09%2060c11.21%200%2028.82%209.83%2043.81%2024.47c15.25%2014.9%2025.1%2031.86%2025.1%2043.2V180a24%2024%200%200%201-24%2024m121.45-87.25C208.81%20135.07%20199%20139.7%20190.82%20140a47.54%2047.54%200%200%200-21.51-7.92a12%2012%200%201%200-2.64%2023.86A24.36%2024.36%200%200%201%20188%20180a24%2024%200%201%201-48%200v-52.33c0-11.34%209.85-28.3%2025.1-43.2C180.09%2069.83%20197.7%2060%20208.91%2060c5.79%200%207.35%202%207.94%202.76c5.15%206.64%204.02%2024.81-3.39%2053.99Z%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%22M235.79%2048c-4.27-5.48-12.4-12-26.88-12c-17.86%200-40.5%2011.7-60.57%2031.3c-3%202.89-5.74%205.85-8.34%208.84V56a12%2012%200%200%200-24%200v20.14c-2.6-3-5.38-6-8.34-8.84C87.59%2047.7%2065%2036%2047.09%2036c-14.48%200-22.61%206.54-26.88%2012C7%2065%2012%2093.91%2019.28%20122.66c5.75%2022.64%2017.8%2033%2028.88%2037.69A48.12%2048.12%200%200%200%2092%20228a47.87%2047.87%200%200%200%2036-16.28A48%2048%200%200%200%20212%20180a48.5%2048.5%200%200%200-4.14-19.65c11.08-4.67%2023.13-15%2028.88-37.69C244%2093.91%20249%2065%20235.79%2048M92%20204a24%2024%200%200%201-24-24a24.36%2024.36%200%200%201%2021.31-24.07a12%2012%200%200%200-2.64-23.86a47.6%2047.6%200%200%200-21.5%207.93c-8.19-.29-18-4.92-22.63-23.24c-7.41-29.18-8.55-47.35-3.39-54C39.74%2062%2041.3%2060%2047.09%2060c11.21%200%2028.82%209.83%2043.81%2024.47c15.25%2014.9%2025.1%2031.86%2025.1%2043.2V180a24%2024%200%200%201-24%2024m121.45-87.25C208.81%20135.07%20199%20139.7%20190.82%20140a47.54%2047.54%200%200%200-21.51-7.92a12%2012%200%201%200-2.64%2023.86A24.36%2024.36%200%200%201%20188%20180a24%2024%200%201%201-48%200v-52.33c0-11.34%209.85-28.3%2025.1-43.2C180.09%2069.83%20197.7%2060%20208.91%2060c5.79%200%207.35%202%207.94%202.76c5.15%206.64%204.02%2024.81-3.39%2053.99Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/butterfly-bold.svg?color=%231a73e8&size=48
