flute emoji
flute from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- flute
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the flute emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#6a462f" d="m52.035 12l-12.663 5.593s-.131.929.13 1.19s11.237 11.13 11.237 11.13l1.823-.567L57.05 17.35L53.09 12z"/><path fill="#a57939" d="m11 51.205l28.631-31.058l9.625 9.22l-30.249 28.874z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="m39.874 20.147l-27.885 29.67a1.9 1.9 0 0 0 .06 2.666l4.98 4.84a1.903 1.903 0 0 0 2.635.017l26.519-25.142"/><circle cx="39.372" cy="30.079" r="1.533"/><circle cx="21.313" cy="48.032" r="1.533"/><circle cx="33.387" cy="36.065" r="1.533"/><circle cx="27.222" cy="41.954" r="1.533"/><path fill="none" stroke="#000" stroke-width="2" d="m40.555 17.011l10.923-4.677a1.75 1.75 0 0 1 2.006.454l3.13 3.563c.448.51.561 1.233.29 1.856l-4.521 10.38a1.752 1.752 0 0 1-2.827.557l-9.532-9.266a1.752 1.752 0 0 1 .531-2.867Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="m45.831 19.49l4.204 4.088"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiFlute(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#6a462f" d="m52.035 12l-12.663 5.593s-.131.929.13 1.19s11.237 11.13 11.237 11.13l1.823-.567L57.05 17.35L53.09 12z"/><path fill="#a57939" d="m11 51.205l28.631-31.058l9.625 9.22l-30.249 28.874z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2" d="m39.874 20.147l-27.885 29.67a1.9 1.9 0 0 0 .06 2.666l4.98 4.84a1.903 1.903 0 0 0 2.635.017l26.519-25.142"/><circle cx="39.372" cy="30.079" r="1.533"/><circle cx="21.313" cy="48.032" r="1.533"/><circle cx="33.387" cy="36.065" r="1.533"/><circle cx="27.222" cy="41.954" r="1.533"/><path fill="none" stroke="#000" strokeWidth="2" d="m40.555 17.011l10.923-4.677a1.75 1.75 0 0 1 2.006.454l3.13 3.563c.448.51.561 1.233.29 1.856l-4.521 10.38a1.752 1.752 0 0 1-2.827.557l-9.532-9.266a1.752 1.752 0 0 1 .531-2.867Z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2" d="m45.831 19.49l4.204 4.088"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#6a462f" d="m52.035 12l-12.663 5.593s-.131.929.13 1.19s11.237 11.13 11.237 11.13l1.823-.567L57.05 17.35L53.09 12z"/><path fill="#a57939" d="m11 51.205l28.631-31.058l9.625 9.22l-30.249 28.874z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="m39.874 20.147l-27.885 29.67a1.9 1.9 0 0 0 .06 2.666l4.98 4.84a1.903 1.903 0 0 0 2.635.017l26.519-25.142"/><circle cx="39.372" cy="30.079" r="1.533"/><circle cx="21.313" cy="48.032" r="1.533"/><circle cx="33.387" cy="36.065" r="1.533"/><circle cx="27.222" cy="41.954" r="1.533"/><path fill="none" stroke="#000" stroke-width="2" d="m40.555 17.011l10.923-4.677a1.75 1.75 0 0 1 2.006.454l3.13 3.563c.448.51.561 1.233.29 1.856l-4.521 10.38a1.752 1.752 0 0 1-2.827.557l-9.532-9.266a1.752 1.752 0 0 1 .531-2.867Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="m45.831 19.49l4.204 4.088"/></svg> </template>
CSS
.icon-flute {
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%236a462f%22%20d%3D%22m52.035%2012l-12.663%205.593s-.131.929.13%201.19s11.237%2011.13%2011.237%2011.13l1.823-.567L57.05%2017.35L53.09%2012z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22m11%2051.205l28.631-31.058l9.625%209.22l-30.249%2028.874z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m39.874%2020.147l-27.885%2029.67a1.9%201.9%200%200%200%20.06%202.666l4.98%204.84a1.903%201.903%200%200%200%202.635.017l26.519-25.142%22%2F%3E%3Ccircle%20cx%3D%2239.372%22%20cy%3D%2230.079%22%20r%3D%221.533%22%2F%3E%3Ccircle%20cx%3D%2221.313%22%20cy%3D%2248.032%22%20r%3D%221.533%22%2F%3E%3Ccircle%20cx%3D%2233.387%22%20cy%3D%2236.065%22%20r%3D%221.533%22%2F%3E%3Ccircle%20cx%3D%2227.222%22%20cy%3D%2241.954%22%20r%3D%221.533%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22m40.555%2017.011l10.923-4.677a1.75%201.75%200%200%201%202.006.454l3.13%203.563c.448.51.561%201.233.29%201.856l-4.521%2010.38a1.752%201.752%200%200%201-2.827.557l-9.532-9.266a1.752%201.752%200%200%201%20.531-2.867Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m45.831%2019.49l4.204%204.088%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%2072%2072%22%3E%3Cpath%20fill%3D%22%236a462f%22%20d%3D%22m52.035%2012l-12.663%205.593s-.131.929.13%201.19s11.237%2011.13%2011.237%2011.13l1.823-.567L57.05%2017.35L53.09%2012z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22m11%2051.205l28.631-31.058l9.625%209.22l-30.249%2028.874z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m39.874%2020.147l-27.885%2029.67a1.9%201.9%200%200%200%20.06%202.666l4.98%204.84a1.903%201.903%200%200%200%202.635.017l26.519-25.142%22%2F%3E%3Ccircle%20cx%3D%2239.372%22%20cy%3D%2230.079%22%20r%3D%221.533%22%2F%3E%3Ccircle%20cx%3D%2221.313%22%20cy%3D%2248.032%22%20r%3D%221.533%22%2F%3E%3Ccircle%20cx%3D%2233.387%22%20cy%3D%2236.065%22%20r%3D%221.533%22%2F%3E%3Ccircle%20cx%3D%2227.222%22%20cy%3D%2241.954%22%20r%3D%221.533%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22m40.555%2017.011l10.923-4.677a1.75%201.75%200%200%201%202.006.454l3.13%203.563c.448.51.561%201.233.29%201.856l-4.521%2010.38a1.752%201.752%200%200%201-2.827.557l-9.532-9.266a1.752%201.752%200%200%201%20.531-2.867Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m45.831%2019.49l4.204%204.088%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/flute.svg?color=%231a73e8&size=48
