butterfly emoji

The same emoji in other sets

More animals nature icons from OpenMoji

Use the butterfly emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#92d3f5" d="M35.892 22.845c-1.168-.751-2.351-1.513-4.256-2.536s-4.563-2.33-7.372-3.037s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.799.71s-2.694 2.932-.635 6.76s6.806 9.496 11.128 11.07s8.224-.938 11.039-2.508c2.815-1.569 4.542-2.194 6.27-2.82"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.86-4.253 5.602-5.48c2.741-1.226 6.02-2.915 9.301-4.604z"/><path fill="#92d3f5" d="M36.108 22.845c1.168-.751 2.352-1.513 4.256-2.536s4.563-2.33 7.372-3.037s5.768-.815 9-.927c3.23-.113 6.733-.229 8.799.71c2.065.94 2.694 2.932.635 6.76c-2.058 3.828-6.803 9.492-11.126 11.068s-8.226-.937-11.04-2.506c-2.816-1.569-4.543-2.194-6.271-2.82"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.6-5.48c-2.744-1.226-6.023-2.915-9.303-4.604z"/><ellipse cx="35.807" cy="17.922" fill="#9b9b9a" rx="3.56" ry="2.67"/><ellipse cx="35.819" cy="23.563" fill="#3f3f3f" rx="3.353" ry="2.735"/><path fill="#9b9b9a" d="M35.394 26.812c-6.321.676.606 20.481.606 20.481s7.864-21.387-.606-20.481"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.858-4.253 5.066-5.018"/><path d="M32.39 20.592c-2.659-1.306-5.317-2.612-8.126-3.32s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.798.71s-2.694 2.932-.636 6.76s6.806 9.496 11.128 11.07s8.224-.938 12.129-3.452M39.61 20.592c2.659-1.306 5.317-2.612 8.126-3.32s5.768-.815 9-.927c3.23-.113 6.733-.229 8.798.71c2.066.94 2.694 2.932.636 6.76s-6.803 9.492-11.126 11.068s-8.226-.937-12.13-3.45"/><path d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.066-5.018"/><ellipse cx="36" cy="17.922" rx="3.56" ry="2.67"/><ellipse cx="36" cy="23.563" rx="3.353" ry="2.735"/><path d="M35.392 26.812c-6.321.676.608 20.481.608 20.481s7.862-21.387-.608-20.481m2.576-11.967l1.484-3.263m-5.42 3.263l-1.484-3.263"/></g></svg>

import type { SVGProps } from "react";

export function OpenmojiButterfly(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#92d3f5" d="M35.892 22.845c-1.168-.751-2.351-1.513-4.256-2.536s-4.563-2.33-7.372-3.037s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.799.71s-2.694 2.932-.635 6.76s6.806 9.496 11.128 11.07s8.224-.938 11.039-2.508c2.815-1.569 4.542-2.194 6.27-2.82"/><path fill="#92d3f5" stroke="#92d3f5" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.86-4.253 5.602-5.48c2.741-1.226 6.02-2.915 9.301-4.604z"/><path fill="#92d3f5" d="M36.108 22.845c1.168-.751 2.352-1.513 4.256-2.536s4.563-2.33 7.372-3.037s5.768-.815 9-.927c3.23-.113 6.733-.229 8.799.71c2.065.94 2.694 2.932.635 6.76c-2.058 3.828-6.803 9.492-11.126 11.068s-8.226-.937-11.04-2.506c-2.816-1.569-4.543-2.194-6.271-2.82"/><path fill="#92d3f5" stroke="#92d3f5" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.6-5.48c-2.744-1.226-6.023-2.915-9.303-4.604z"/><ellipse cx="35.807" cy="17.922" fill="#9b9b9a" rx="3.56" ry="2.67"/><ellipse cx="35.819" cy="23.563" fill="#3f3f3f" rx="3.353" ry="2.735"/><path fill="#9b9b9a" d="M35.394 26.812c-6.321.676.606 20.481.606 20.481s7.864-21.387-.606-20.481"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.858-4.253 5.066-5.018"/><path d="M32.39 20.592c-2.659-1.306-5.317-2.612-8.126-3.32s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.798.71s-2.694 2.932-.636 6.76s6.806 9.496 11.128 11.07s8.224-.938 12.129-3.452M39.61 20.592c2.659-1.306 5.317-2.612 8.126-3.32s5.768-.815 9-.927c3.23-.113 6.733-.229 8.798.71c2.066.94 2.694 2.932.636 6.76s-6.803 9.492-11.126 11.068s-8.226-.937-12.13-3.45"/><path d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.066-5.018"/><ellipse cx="36" cy="17.922" rx="3.56" ry="2.67"/><ellipse cx="36" cy="23.563" rx="3.353" ry="2.735"/><path d="M35.392 26.812c-6.321.676.608 20.481.608 20.481s7.862-21.387-.608-20.481m2.576-11.967l1.484-3.263m-5.42 3.263l-1.484-3.263"/></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#92d3f5" d="M35.892 22.845c-1.168-.751-2.351-1.513-4.256-2.536s-4.563-2.33-7.372-3.037s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.799.71s-2.694 2.932-.635 6.76s6.806 9.496 11.128 11.07s8.224-.938 11.039-2.508c2.815-1.569 4.542-2.194 6.27-2.82"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.86-4.253 5.602-5.48c2.741-1.226 6.02-2.915 9.301-4.604z"/><path fill="#92d3f5" d="M36.108 22.845c1.168-.751 2.352-1.513 4.256-2.536s4.563-2.33 7.372-3.037s5.768-.815 9-.927c3.23-.113 6.733-.229 8.799.71c2.065.94 2.694 2.932.635 6.76c-2.058 3.828-6.803 9.492-11.126 11.068s-8.226-.937-11.04-2.506c-2.816-1.569-4.543-2.194-6.271-2.82"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.6-5.48c-2.744-1.226-6.023-2.915-9.303-4.604z"/><ellipse cx="35.807" cy="17.922" fill="#9b9b9a" rx="3.56" ry="2.67"/><ellipse cx="35.819" cy="23.563" fill="#3f3f3f" rx="3.353" ry="2.735"/><path fill="#9b9b9a" d="M35.394 26.812c-6.321.676.606 20.481.606 20.481s7.864-21.387-.606-20.481"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.858-4.253 5.066-5.018"/><path d="M32.39 20.592c-2.659-1.306-5.317-2.612-8.126-3.32s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.798.71s-2.694 2.932-.636 6.76s6.806 9.496 11.128 11.07s8.224-.938 12.129-3.452M39.61 20.592c2.659-1.306 5.317-2.612 8.126-3.32s5.768-.815 9-.927c3.23-.113 6.733-.229 8.798.71c2.066.94 2.694 2.932.636 6.76s-6.803 9.492-11.126 11.068s-8.226-.937-12.13-3.45"/><path d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.066-5.018"/><ellipse cx="36" cy="17.922" rx="3.56" ry="2.67"/><ellipse cx="36" cy="23.563" rx="3.353" ry="2.735"/><path d="M35.392 26.812c-6.321.676.608 20.481.608 20.481s7.862-21.387-.608-20.481m2.576-11.967l1.484-3.263m-5.42 3.263l-1.484-3.263"/></g></svg>
</template>

.icon-butterfly {
  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%2072%2072%22%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M35.892%2022.845c-1.168-.751-2.351-1.513-4.256-2.536s-4.563-2.33-7.372-3.037s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.799.71s-2.694%202.932-.635%206.76s6.806%209.496%2011.128%2011.07s8.224-.938%2011.039-2.508c2.815-1.569%204.542-2.194%206.27-2.82%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20stroke%3D%22%2392d3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M32.103%2044.066c-.758%203.755-1.516%207.508-3.664%209.456c-2.148%201.949-5.684%202.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487%202.86-4.253%205.602-5.48c2.741-1.226%206.02-2.915%209.301-4.604z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M36.108%2022.845c1.168-.751%202.352-1.513%204.256-2.536s4.563-2.33%207.372-3.037s5.768-.815%209-.927c3.23-.113%206.733-.229%208.799.71c2.065.94%202.694%202.932.635%206.76c-2.058%203.828-6.803%209.492-11.126%2011.068s-8.226-.937-11.04-2.506c-2.816-1.569-4.543-2.194-6.271-2.82%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20stroke%3D%22%2392d3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M39.897%2044.066c.758%203.755%201.516%207.508%203.664%209.456c2.148%201.949%205.684%202.093%207.903-.938c2.22-3.032%203.122-9.239%202.47-12.725c-.651-3.487-2.858-4.252-5.6-5.48c-2.744-1.226-6.023-2.915-9.303-4.604z%22%2F%3E%3Cellipse%20cx%3D%2235.807%22%20cy%3D%2217.922%22%20fill%3D%22%239b9b9a%22%20rx%3D%223.56%22%20ry%3D%222.67%22%2F%3E%3Cellipse%20cx%3D%2235.819%22%20cy%3D%2223.563%22%20fill%3D%22%233f3f3f%22%20rx%3D%223.353%22%20ry%3D%222.735%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M35.394%2026.812c-6.321.676.606%2020.481.606%2020.481s7.864-21.387-.606-20.481%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M32.103%2044.066c-.758%203.755-1.516%207.508-3.664%209.456c-2.148%201.949-5.684%202.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487%202.858-4.253%205.066-5.018%22%2F%3E%3Cpath%20d%3D%22M32.39%2020.592c-2.659-1.306-5.317-2.612-8.126-3.32s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.798.71s-2.694%202.932-.636%206.76s6.806%209.496%2011.128%2011.07s8.224-.938%2012.129-3.452M39.61%2020.592c2.659-1.306%205.317-2.612%208.126-3.32s5.768-.815%209-.927c3.23-.113%206.733-.229%208.798.71c2.066.94%202.694%202.932.636%206.76s-6.803%209.492-11.126%2011.068s-8.226-.937-12.13-3.45%22%2F%3E%3Cpath%20d%3D%22M39.897%2044.066c.758%203.755%201.516%207.508%203.664%209.456c2.148%201.949%205.684%202.093%207.903-.938c2.22-3.032%203.122-9.239%202.47-12.725c-.651-3.487-2.858-4.252-5.066-5.018%22%2F%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%2217.922%22%20rx%3D%223.56%22%20ry%3D%222.67%22%2F%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%2223.563%22%20rx%3D%223.353%22%20ry%3D%222.735%22%2F%3E%3Cpath%20d%3D%22M35.392%2026.812c-6.321.676.608%2020.481.608%2020.481s7.862-21.387-.608-20.481m2.576-11.967l1.484-3.263m-5.42%203.263l-1.484-3.263%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M35.892%2022.845c-1.168-.751-2.351-1.513-4.256-2.536s-4.563-2.33-7.372-3.037s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.799.71s-2.694%202.932-.635%206.76s6.806%209.496%2011.128%2011.07s8.224-.938%2011.039-2.508c2.815-1.569%204.542-2.194%206.27-2.82%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20stroke%3D%22%2392d3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M32.103%2044.066c-.758%203.755-1.516%207.508-3.664%209.456c-2.148%201.949-5.684%202.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487%202.86-4.253%205.602-5.48c2.741-1.226%206.02-2.915%209.301-4.604z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M36.108%2022.845c1.168-.751%202.352-1.513%204.256-2.536s4.563-2.33%207.372-3.037s5.768-.815%209-.927c3.23-.113%206.733-.229%208.799.71c2.065.94%202.694%202.932.635%206.76c-2.058%203.828-6.803%209.492-11.126%2011.068s-8.226-.937-11.04-2.506c-2.816-1.569-4.543-2.194-6.271-2.82%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20stroke%3D%22%2392d3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M39.897%2044.066c.758%203.755%201.516%207.508%203.664%209.456c2.148%201.949%205.684%202.093%207.903-.938c2.22-3.032%203.122-9.239%202.47-12.725c-.651-3.487-2.858-4.252-5.6-5.48c-2.744-1.226-6.023-2.915-9.303-4.604z%22%2F%3E%3Cellipse%20cx%3D%2235.807%22%20cy%3D%2217.922%22%20fill%3D%22%239b9b9a%22%20rx%3D%223.56%22%20ry%3D%222.67%22%2F%3E%3Cellipse%20cx%3D%2235.819%22%20cy%3D%2223.563%22%20fill%3D%22%233f3f3f%22%20rx%3D%223.353%22%20ry%3D%222.735%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M35.394%2026.812c-6.321.676.606%2020.481.606%2020.481s7.864-21.387-.606-20.481%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M32.103%2044.066c-.758%203.755-1.516%207.508-3.664%209.456c-2.148%201.949-5.684%202.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487%202.858-4.253%205.066-5.018%22%2F%3E%3Cpath%20d%3D%22M32.39%2020.592c-2.659-1.306-5.317-2.612-8.126-3.32s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.798.71s-2.694%202.932-.636%206.76s6.806%209.496%2011.128%2011.07s8.224-.938%2012.129-3.452M39.61%2020.592c2.659-1.306%205.317-2.612%208.126-3.32s5.768-.815%209-.927c3.23-.113%206.733-.229%208.798.71c2.066.94%202.694%202.932.636%206.76s-6.803%209.492-11.126%2011.068s-8.226-.937-12.13-3.45%22%2F%3E%3Cpath%20d%3D%22M39.897%2044.066c.758%203.755%201.516%207.508%203.664%209.456c2.148%201.949%205.684%202.093%207.903-.938c2.22-3.032%203.122-9.239%202.47-12.725c-.651-3.487-2.858-4.252-5.066-5.018%22%2F%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%2217.922%22%20rx%3D%223.56%22%20ry%3D%222.67%22%2F%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%2223.563%22%20rx%3D%223.353%22%20ry%3D%222.735%22%2F%3E%3Cpath%20d%3D%22M35.392%2026.812c-6.321.676.608%2020.481.608%2020.481s7.862-21.387-.608-20.481m2.576-11.967l1.484-3.263m-5.42%203.263l-1.484-3.263%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/butterfly.svg?color=%231a73e8&size=48