long drum emoji

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

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

The same emoji in other sets

long-drumFluent Emoji long-drumFluent Emoji High Contrast long-drumNoto Emoji long-drumOpenMoji long-drumTwitter Emoji

More objects icons from Fluent Emoji Flat

Use the long drum emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="M7 10.49V4l9.5-1L26 4v6.49a9.34 9.34 0 0 1-3.52 7.32L21 19l2.68 9.82a.93.93 0 0 1-.9 1.18H10.23a.94.94 0 0 1-.91-1.18L12 19l-1.48-1.19A9.36 9.36 0 0 1 7 10.49"/><path fill="#433b6b" d="M15.211 18.75H16V3h1v15.75h.789l2.001-2.28a9.4 9.4 0 0 0 2.33-6.19V2.06h1v8.22c0 2.52-.92 4.96-2.58 6.85l-1.422 1.62h2.132c.41 0 .75.34.75.75s-.34.75-.75.75h-9.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.132l-1.422-1.62c-1.66-1.9-2.58-4.33-2.58-6.85V2.06h1v8.22c0 2.28.83 4.48 2.33 6.19z"/><path fill="#ffce7c" d="M26 4H7c-.55 0-1-.45-1-1s.45-1 1-1h19c.55 0 1 .45 1 1s-.45 1-1 1"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatLongDrum(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="M7 10.49V4l9.5-1L26 4v6.49a9.34 9.34 0 0 1-3.52 7.32L21 19l2.68 9.82a.93.93 0 0 1-.9 1.18H10.23a.94.94 0 0 1-.91-1.18L12 19l-1.48-1.19A9.36 9.36 0 0 1 7 10.49"/><path fill="#433b6b" d="M15.211 18.75H16V3h1v15.75h.789l2.001-2.28a9.4 9.4 0 0 0 2.33-6.19V2.06h1v8.22c0 2.52-.92 4.96-2.58 6.85l-1.422 1.62h2.132c.41 0 .75.34.75.75s-.34.75-.75.75h-9.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.132l-1.422-1.62c-1.66-1.9-2.58-4.33-2.58-6.85V2.06h1v8.22c0 2.28.83 4.48 2.33 6.19z"/><path fill="#ffce7c" d="M26 4H7c-.55 0-1-.45-1-1s.45-1 1-1h19c.55 0 1 .45 1 1s-.45 1-1 1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="M7 10.49V4l9.5-1L26 4v6.49a9.34 9.34 0 0 1-3.52 7.32L21 19l2.68 9.82a.93.93 0 0 1-.9 1.18H10.23a.94.94 0 0 1-.91-1.18L12 19l-1.48-1.19A9.36 9.36 0 0 1 7 10.49"/><path fill="#433b6b" d="M15.211 18.75H16V3h1v15.75h.789l2.001-2.28a9.4 9.4 0 0 0 2.33-6.19V2.06h1v8.22c0 2.52-.92 4.96-2.58 6.85l-1.422 1.62h2.132c.41 0 .75.34.75.75s-.34.75-.75.75h-9.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.132l-1.422-1.62c-1.66-1.9-2.58-4.33-2.58-6.85V2.06h1v8.22c0 2.28.83 4.48 2.33 6.19z"/><path fill="#ffce7c" d="M26 4H7c-.55 0-1-.45-1-1s.45-1 1-1h19c.55 0 1 .45 1 1s-.45 1-1 1"/></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M7%2010.49V4l9.5-1L26%204v6.49a9.34%209.34%200%200%201-3.52%207.32L21%2019l2.68%209.82a.93.93%200%200%201-.9%201.18H10.23a.94.94%200%200%201-.91-1.18L12%2019l-1.48-1.19A9.36%209.36%200%200%201%207%2010.49%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M15.211%2018.75H16V3h1v15.75h.789l2.001-2.28a9.4%209.4%200%200%200%202.33-6.19V2.06h1v8.22c0%202.52-.92%204.96-2.58%206.85l-1.422%201.62h2.132c.41%200%20.75.34.75.75s-.34.75-.75.75h-9.5c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h2.132l-1.422-1.62c-1.66-1.9-2.58-4.33-2.58-6.85V2.06h1v8.22c0%202.28.83%204.48%202.33%206.19z%22%2F%3E%3Cpath%20fill%3D%22%23ffce7c%22%20d%3D%22M26%204H7c-.55%200-1-.45-1-1s.45-1%201-1h19c.55%200%201%20.45%201%201s-.45%201-1%201%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M7%2010.49V4l9.5-1L26%204v6.49a9.34%209.34%200%200%201-3.52%207.32L21%2019l2.68%209.82a.93.93%200%200%201-.9%201.18H10.23a.94.94%200%200%201-.91-1.18L12%2019l-1.48-1.19A9.36%209.36%200%200%201%207%2010.49%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M15.211%2018.75H16V3h1v15.75h.789l2.001-2.28a9.4%209.4%200%200%200%202.33-6.19V2.06h1v8.22c0%202.52-.92%204.96-2.58%206.85l-1.422%201.62h2.132c.41%200%20.75.34.75.75s-.34.75-.75.75h-9.5c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h2.132l-1.422-1.62c-1.66-1.9-2.58-4.33-2.58-6.85V2.06h1v8.22c0%202.28.83%204.48%202.33%206.19z%22%2F%3E%3Cpath%20fill%3D%22%23ffce7c%22%20d%3D%22M26%204H7c-.55%200-1-.45-1-1s.45-1%201-1h19c.55%200%201%20.45%201%201s-.45%201-1%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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