long drum emoji

long-drum from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name: long-drum
Set: Fluent Emoji High Contrast
Style: Default
Category: Objects
Viewbox: 32×32
License: MIT

The same emoji in other sets

long-drumFluent Emoji long-drumFluent Emoji Flat long-drumNoto Emoji long-drumOpenMoji long-drumTwitter Emoji

More objects icons from Fluent Emoji High Contrast

Use the long drum emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27 4v6.49c0 3.15-1.426 6.14-3.896 8.101l-.002.002l-.965.776l2.506 9.182c.352 1.24-.595 2.449-1.863 2.449H10.23a1.94 1.94 0 0 1-1.875-2.442l2.508-9.19l-.967-.776l-.001-.002A10.36 10.36 0 0 1 6 10.49V4c-.55 0-1-.45-1-1s.45-1 1-1h21c.55 0 1 .45 1 1s-.45 1-1 1M12.764 20l-2.456 9h12.385l-2.457-9zm9.09-2.97l.004-.003A8.34 8.34 0 0 0 25 10.49V5h-1.88v5.28c0 2.52-.92 4.96-2.58 6.85l-.764.87h.872zM17 18h1.447l1.343-1.53a9.4 9.4 0 0 0 2.33-6.19V5H17zm-2.447 0H16V5h-5.12v5.28c0 2.28.83 4.48 2.33 6.19zm-2.093-.87c-1.66-1.9-2.58-4.33-2.58-6.85V5H8v5.49a8.36 8.36 0 0 0 3.144 6.538l.003.003l1.205.969h.872z"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastLongDrum(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27 4v6.49c0 3.15-1.426 6.14-3.896 8.101l-.002.002l-.965.776l2.506 9.182c.352 1.24-.595 2.449-1.863 2.449H10.23a1.94 1.94 0 0 1-1.875-2.442l2.508-9.19l-.967-.776l-.001-.002A10.36 10.36 0 0 1 6 10.49V4c-.55 0-1-.45-1-1s.45-1 1-1h21c.55 0 1 .45 1 1s-.45 1-1 1M12.764 20l-2.456 9h12.385l-2.457-9zm9.09-2.97l.004-.003A8.34 8.34 0 0 0 25 10.49V5h-1.88v5.28c0 2.52-.92 4.96-2.58 6.85l-.764.87h.872zM17 18h1.447l1.343-1.53a9.4 9.4 0 0 0 2.33-6.19V5H17zm-2.447 0H16V5h-5.12v5.28c0 2.28.83 4.48 2.33 6.19zm-2.093-.87c-1.66-1.9-2.58-4.33-2.58-6.85V5H8v5.49a8.36 8.36 0 0 0 3.144 6.538l.003.003l1.205.969h.872z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27 4v6.49c0 3.15-1.426 6.14-3.896 8.101l-.002.002l-.965.776l2.506 9.182c.352 1.24-.595 2.449-1.863 2.449H10.23a1.94 1.94 0 0 1-1.875-2.442l2.508-9.19l-.967-.776l-.001-.002A10.36 10.36 0 0 1 6 10.49V4c-.55 0-1-.45-1-1s.45-1 1-1h21c.55 0 1 .45 1 1s-.45 1-1 1M12.764 20l-2.456 9h12.385l-2.457-9zm9.09-2.97l.004-.003A8.34 8.34 0 0 0 25 10.49V5h-1.88v5.28c0 2.52-.92 4.96-2.58 6.85l-.764.87h.872zM17 18h1.447l1.343-1.53a9.4 9.4 0 0 0 2.33-6.19V5H17zm-2.447 0H16V5h-5.12v5.28c0 2.28.83 4.48 2.33 6.19zm-2.093-.87c-1.66-1.9-2.58-4.33-2.58-6.85V5H8v5.49a8.36 8.36 0 0 0 3.144 6.538l.003.003l1.205.969h.872z"/></svg>
</template>

CSS

.icon-long-drum {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27%204v6.49c0%203.15-1.426%206.14-3.896%208.101l-.002.002l-.965.776l2.506%209.182c.352%201.24-.595%202.449-1.863%202.449H10.23a1.94%201.94%200%200%201-1.875-2.442l2.508-9.19l-.967-.776l-.001-.002A10.36%2010.36%200%200%201%206%2010.49V4c-.55%200-1-.45-1-1s.45-1%201-1h21c.55%200%201%20.45%201%201s-.45%201-1%201M12.764%2020l-2.456%209h12.385l-2.457-9zm9.09-2.97l.004-.003A8.34%208.34%200%200%200%2025%2010.49V5h-1.88v5.28c0%202.52-.92%204.96-2.58%206.85l-.764.87h.872zM17%2018h1.447l1.343-1.53a9.4%209.4%200%200%200%202.33-6.19V5H17zm-2.447%200H16V5h-5.12v5.28c0%202.28.83%204.48%202.33%206.19zm-2.093-.87c-1.66-1.9-2.58-4.33-2.58-6.85V5H8v5.49a8.36%208.36%200%200%200%203.144%206.538l.003.003l1.205.969h.872z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27%204v6.49c0%203.15-1.426%206.14-3.896%208.101l-.002.002l-.965.776l2.506%209.182c.352%201.24-.595%202.449-1.863%202.449H10.23a1.94%201.94%200%200%201-1.875-2.442l2.508-9.19l-.967-.776l-.001-.002A10.36%2010.36%200%200%201%206%2010.49V4c-.55%200-1-.45-1-1s.45-1%201-1h21c.55%200%201%20.45%201%201s-.45%201-1%201M12.764%2020l-2.456%209h12.385l-2.457-9zm9.09-2.97l.004-.003A8.34%208.34%200%200%200%2025%2010.49V5h-1.88v5.28c0%202.52-.92%204.96-2.58%206.85l-.764.87h.872zM17%2018h1.447l1.343-1.53a9.4%209.4%200%200%200%202.33-6.19V5H17zm-2.447%200H16V5h-5.12v5.28c0%202.28.83%204.48%202.33%206.19zm-2.093-.87c-1.66-1.9-2.58-4.33-2.58-6.85V5H8v5.49a8.36%208.36%200%200%200%203.144%206.538l.003.003l1.205.969h.872z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/long-drum.svg?color=%231a73e8&size=48