long drum emoji

long-drum from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
long-drum
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

long-drumFluent Emojilong-drumFluent Emoji Flatlong-drumFluent Emoji High Contrastlong-drumNoto Emojilong-drumOpenMoji

More objects icons from Twitter Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the long drum emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#b52e04" d="m12.691 34.484l.008.008l4.59-10.124l-5.657-5.657l-10.124 4.59l.008.008a2 2 0 0 0-.491.352c-1.562 1.562-.296 5.361 2.828 8.485s6.923 4.391 8.485 2.828c.145-.143.256-.311.353-.49"/><path fill="#662113" d="M9.376 17.519c.545-1.059 3.556.521 6.07 3.035s4.047 5.549 3.035 6.07c-1.054.542-3.556-.521-6.07-3.035s-3.578-5.016-3.035-6.07"/><path fill="#662113" d="M9.864 18.15a.5.5 0 0 1-.443-.732l8.485-16.263a.5.5 0 1 1 .887.463l-8.485 16.263a.5.5 0 0 1-.444.269m8.486 8.486a.502.502 0 0 1-.232-.944l16.264-8.485a.5.5 0 1 1 .463.887l-16.264 8.485a.5.5 0 0 1-.231.057"/><path fill="#c1694f" d="M10.218 17.297c.531-1.04 3.314.485 5.657 2.828s3.729 5.197 2.828 5.657c-.984.502-3.314-.485-5.657-2.828s-3.33-4.673-2.828-5.657"/><path fill="#c1694f" d="M18.34 1.377L34.623 17.66l-15.92 8.122l-8.485-8.485z"/><path fill="#662113" d="M34.021 18.262c-1.928 1.928-7.344-1.494-11.066-5.216S15.811 3.908 17.739 1.98c2.715-2.715 7.219.099 11.701 4.581s7.296 8.986 4.581 11.701"/><path fill="#be1931" d="M34.691 17.592c-1.806 1.806-6.616-.673-11.113-5.17s-6.975-9.307-5.17-11.113c2.543-2.543 6.993.324 11.476 4.807s7.35 8.933 4.807 11.476"/><ellipse cx="26.835" cy="9.165" fill="#662113" rx="4" ry="11.5" transform="rotate(-45.001 26.835 9.166)"/><path fill="#d99e82" d="M24.89 11.11c4.114 4.114 8.502 6.508 10.337 5.758c1.471-2.612-1.258-6.666-5.344-10.751C25.798 2.032 21.744-.697 19.132.773c-.75 1.835 1.645 6.223 5.758 10.337"/><ellipse cx="27.896" cy="8.104" fill="#ffe8b6" rx="3" ry="10.5" transform="rotate(-45.001 27.896 8.105)"/><path fill="#662113" d="M13.046 23.454a.5.5 0 0 1-.354-.853l11.314-11.314a.5.5 0 0 1 .707.707L13.4 23.308a.5.5 0 0 1-.354.146m-1.556-1.556a.5.5 0 0 1-.408-.789l9.545-13.505a.5.5 0 0 1 .816.577l-9.545 13.506a.5.5 0 0 1-.408.211m3.113 3.112a.498.498 0 0 1-.289-.908l13.505-9.546a.5.5 0 0 1 .578.817l-13.506 9.546a.5.5 0 0 1-.288.091m-4.244-4.95a.5.5 0 0 1-.435-.744l8.485-15.132a.5.5 0 0 1 .872.49l-8.486 15.131a.5.5 0 0 1-.436.255m6.082 6.081a.5.5 0 0 1-.246-.937l15.132-8.485a.5.5 0 0 1 .489.872l-15.131 8.486a.5.5 0 0 1-.244.064"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiLongDrum(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#b52e04" d="m12.691 34.484l.008.008l4.59-10.124l-5.657-5.657l-10.124 4.59l.008.008a2 2 0 0 0-.491.352c-1.562 1.562-.296 5.361 2.828 8.485s6.923 4.391 8.485 2.828c.145-.143.256-.311.353-.49"/><path fill="#662113" d="M9.376 17.519c.545-1.059 3.556.521 6.07 3.035s4.047 5.549 3.035 6.07c-1.054.542-3.556-.521-6.07-3.035s-3.578-5.016-3.035-6.07"/><path fill="#662113" d="M9.864 18.15a.5.5 0 0 1-.443-.732l8.485-16.263a.5.5 0 1 1 .887.463l-8.485 16.263a.5.5 0 0 1-.444.269m8.486 8.486a.502.502 0 0 1-.232-.944l16.264-8.485a.5.5 0 1 1 .463.887l-16.264 8.485a.5.5 0 0 1-.231.057"/><path fill="#c1694f" d="M10.218 17.297c.531-1.04 3.314.485 5.657 2.828s3.729 5.197 2.828 5.657c-.984.502-3.314-.485-5.657-2.828s-3.33-4.673-2.828-5.657"/><path fill="#c1694f" d="M18.34 1.377L34.623 17.66l-15.92 8.122l-8.485-8.485z"/><path fill="#662113" d="M34.021 18.262c-1.928 1.928-7.344-1.494-11.066-5.216S15.811 3.908 17.739 1.98c2.715-2.715 7.219.099 11.701 4.581s7.296 8.986 4.581 11.701"/><path fill="#be1931" d="M34.691 17.592c-1.806 1.806-6.616-.673-11.113-5.17s-6.975-9.307-5.17-11.113c2.543-2.543 6.993.324 11.476 4.807s7.35 8.933 4.807 11.476"/><ellipse cx="26.835" cy="9.165" fill="#662113" rx="4" ry="11.5" transform="rotate(-45.001 26.835 9.166)"/><path fill="#d99e82" d="M24.89 11.11c4.114 4.114 8.502 6.508 10.337 5.758c1.471-2.612-1.258-6.666-5.344-10.751C25.798 2.032 21.744-.697 19.132.773c-.75 1.835 1.645 6.223 5.758 10.337"/><ellipse cx="27.896" cy="8.104" fill="#ffe8b6" rx="3" ry="10.5" transform="rotate(-45.001 27.896 8.105)"/><path fill="#662113" d="M13.046 23.454a.5.5 0 0 1-.354-.853l11.314-11.314a.5.5 0 0 1 .707.707L13.4 23.308a.5.5 0 0 1-.354.146m-1.556-1.556a.5.5 0 0 1-.408-.789l9.545-13.505a.5.5 0 0 1 .816.577l-9.545 13.506a.5.5 0 0 1-.408.211m3.113 3.112a.498.498 0 0 1-.289-.908l13.505-9.546a.5.5 0 0 1 .578.817l-13.506 9.546a.5.5 0 0 1-.288.091m-4.244-4.95a.5.5 0 0 1-.435-.744l8.485-15.132a.5.5 0 0 1 .872.49l-8.486 15.131a.5.5 0 0 1-.436.255m6.082 6.081a.5.5 0 0 1-.246-.937l15.132-8.485a.5.5 0 0 1 .489.872l-15.131 8.486a.5.5 0 0 1-.244.064"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#b52e04" d="m12.691 34.484l.008.008l4.59-10.124l-5.657-5.657l-10.124 4.59l.008.008a2 2 0 0 0-.491.352c-1.562 1.562-.296 5.361 2.828 8.485s6.923 4.391 8.485 2.828c.145-.143.256-.311.353-.49"/><path fill="#662113" d="M9.376 17.519c.545-1.059 3.556.521 6.07 3.035s4.047 5.549 3.035 6.07c-1.054.542-3.556-.521-6.07-3.035s-3.578-5.016-3.035-6.07"/><path fill="#662113" d="M9.864 18.15a.5.5 0 0 1-.443-.732l8.485-16.263a.5.5 0 1 1 .887.463l-8.485 16.263a.5.5 0 0 1-.444.269m8.486 8.486a.502.502 0 0 1-.232-.944l16.264-8.485a.5.5 0 1 1 .463.887l-16.264 8.485a.5.5 0 0 1-.231.057"/><path fill="#c1694f" d="M10.218 17.297c.531-1.04 3.314.485 5.657 2.828s3.729 5.197 2.828 5.657c-.984.502-3.314-.485-5.657-2.828s-3.33-4.673-2.828-5.657"/><path fill="#c1694f" d="M18.34 1.377L34.623 17.66l-15.92 8.122l-8.485-8.485z"/><path fill="#662113" d="M34.021 18.262c-1.928 1.928-7.344-1.494-11.066-5.216S15.811 3.908 17.739 1.98c2.715-2.715 7.219.099 11.701 4.581s7.296 8.986 4.581 11.701"/><path fill="#be1931" d="M34.691 17.592c-1.806 1.806-6.616-.673-11.113-5.17s-6.975-9.307-5.17-11.113c2.543-2.543 6.993.324 11.476 4.807s7.35 8.933 4.807 11.476"/><ellipse cx="26.835" cy="9.165" fill="#662113" rx="4" ry="11.5" transform="rotate(-45.001 26.835 9.166)"/><path fill="#d99e82" d="M24.89 11.11c4.114 4.114 8.502 6.508 10.337 5.758c1.471-2.612-1.258-6.666-5.344-10.751C25.798 2.032 21.744-.697 19.132.773c-.75 1.835 1.645 6.223 5.758 10.337"/><ellipse cx="27.896" cy="8.104" fill="#ffe8b6" rx="3" ry="10.5" transform="rotate(-45.001 27.896 8.105)"/><path fill="#662113" d="M13.046 23.454a.5.5 0 0 1-.354-.853l11.314-11.314a.5.5 0 0 1 .707.707L13.4 23.308a.5.5 0 0 1-.354.146m-1.556-1.556a.5.5 0 0 1-.408-.789l9.545-13.505a.5.5 0 0 1 .816.577l-9.545 13.506a.5.5 0 0 1-.408.211m3.113 3.112a.498.498 0 0 1-.289-.908l13.505-9.546a.5.5 0 0 1 .578.817l-13.506 9.546a.5.5 0 0 1-.288.091m-4.244-4.95a.5.5 0 0 1-.435-.744l8.485-15.132a.5.5 0 0 1 .872.49l-8.486 15.131a.5.5 0 0 1-.436.255m6.082 6.081a.5.5 0 0 1-.246-.937l15.132-8.485a.5.5 0 0 1 .489.872l-15.131 8.486a.5.5 0 0 1-.244.064"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23b52e04%22%20d%3D%22m12.691%2034.484l.008.008l4.59-10.124l-5.657-5.657l-10.124%204.59l.008.008a2%202%200%200%200-.491.352c-1.562%201.562-.296%205.361%202.828%208.485s6.923%204.391%208.485%202.828c.145-.143.256-.311.353-.49%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M9.376%2017.519c.545-1.059%203.556.521%206.07%203.035s4.047%205.549%203.035%206.07c-1.054.542-3.556-.521-6.07-3.035s-3.578-5.016-3.035-6.07%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M9.864%2018.15a.5.5%200%200%201-.443-.732l8.485-16.263a.5.5%200%201%201%20.887.463l-8.485%2016.263a.5.5%200%200%201-.444.269m8.486%208.486a.502.502%200%200%201-.232-.944l16.264-8.485a.5.5%200%201%201%20.463.887l-16.264%208.485a.5.5%200%200%201-.231.057%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M10.218%2017.297c.531-1.04%203.314.485%205.657%202.828s3.729%205.197%202.828%205.657c-.984.502-3.314-.485-5.657-2.828s-3.33-4.673-2.828-5.657%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.34%201.377L34.623%2017.66l-15.92%208.122l-8.485-8.485z%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M34.021%2018.262c-1.928%201.928-7.344-1.494-11.066-5.216S15.811%203.908%2017.739%201.98c2.715-2.715%207.219.099%2011.701%204.581s7.296%208.986%204.581%2011.701%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M34.691%2017.592c-1.806%201.806-6.616-.673-11.113-5.17s-6.975-9.307-5.17-11.113c2.543-2.543%206.993.324%2011.476%204.807s7.35%208.933%204.807%2011.476%22%2F%3E%3Cellipse%20cx%3D%2226.835%22%20cy%3D%229.165%22%20fill%3D%22%23662113%22%20rx%3D%224%22%20ry%3D%2211.5%22%20transform%3D%22rotate(-45.001%2026.835%209.166)%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M24.89%2011.11c4.114%204.114%208.502%206.508%2010.337%205.758c1.471-2.612-1.258-6.666-5.344-10.751C25.798%202.032%2021.744-.697%2019.132.773c-.75%201.835%201.645%206.223%205.758%2010.337%22%2F%3E%3Cellipse%20cx%3D%2227.896%22%20cy%3D%228.104%22%20fill%3D%22%23ffe8b6%22%20rx%3D%223%22%20ry%3D%2210.5%22%20transform%3D%22rotate(-45.001%2027.896%208.105)%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13.046%2023.454a.5.5%200%200%201-.354-.853l11.314-11.314a.5.5%200%200%201%20.707.707L13.4%2023.308a.5.5%200%200%201-.354.146m-1.556-1.556a.5.5%200%200%201-.408-.789l9.545-13.505a.5.5%200%200%201%20.816.577l-9.545%2013.506a.5.5%200%200%201-.408.211m3.113%203.112a.498.498%200%200%201-.289-.908l13.505-9.546a.5.5%200%200%201%20.578.817l-13.506%209.546a.5.5%200%200%201-.288.091m-4.244-4.95a.5.5%200%200%201-.435-.744l8.485-15.132a.5.5%200%200%201%20.872.49l-8.486%2015.131a.5.5%200%200%201-.436.255m6.082%206.081a.5.5%200%200%201-.246-.937l15.132-8.485a.5.5%200%200%201%20.489.872l-15.131%208.486a.5.5%200%200%201-.244.064%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23b52e04%22%20d%3D%22m12.691%2034.484l.008.008l4.59-10.124l-5.657-5.657l-10.124%204.59l.008.008a2%202%200%200%200-.491.352c-1.562%201.562-.296%205.361%202.828%208.485s6.923%204.391%208.485%202.828c.145-.143.256-.311.353-.49%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M9.376%2017.519c.545-1.059%203.556.521%206.07%203.035s4.047%205.549%203.035%206.07c-1.054.542-3.556-.521-6.07-3.035s-3.578-5.016-3.035-6.07%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M9.864%2018.15a.5.5%200%200%201-.443-.732l8.485-16.263a.5.5%200%201%201%20.887.463l-8.485%2016.263a.5.5%200%200%201-.444.269m8.486%208.486a.502.502%200%200%201-.232-.944l16.264-8.485a.5.5%200%201%201%20.463.887l-16.264%208.485a.5.5%200%200%201-.231.057%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M10.218%2017.297c.531-1.04%203.314.485%205.657%202.828s3.729%205.197%202.828%205.657c-.984.502-3.314-.485-5.657-2.828s-3.33-4.673-2.828-5.657%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.34%201.377L34.623%2017.66l-15.92%208.122l-8.485-8.485z%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M34.021%2018.262c-1.928%201.928-7.344-1.494-11.066-5.216S15.811%203.908%2017.739%201.98c2.715-2.715%207.219.099%2011.701%204.581s7.296%208.986%204.581%2011.701%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M34.691%2017.592c-1.806%201.806-6.616-.673-11.113-5.17s-6.975-9.307-5.17-11.113c2.543-2.543%206.993.324%2011.476%204.807s7.35%208.933%204.807%2011.476%22%2F%3E%3Cellipse%20cx%3D%2226.835%22%20cy%3D%229.165%22%20fill%3D%22%23662113%22%20rx%3D%224%22%20ry%3D%2211.5%22%20transform%3D%22rotate(-45.001%2026.835%209.166)%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M24.89%2011.11c4.114%204.114%208.502%206.508%2010.337%205.758c1.471-2.612-1.258-6.666-5.344-10.751C25.798%202.032%2021.744-.697%2019.132.773c-.75%201.835%201.645%206.223%205.758%2010.337%22%2F%3E%3Cellipse%20cx%3D%2227.896%22%20cy%3D%228.104%22%20fill%3D%22%23ffe8b6%22%20rx%3D%223%22%20ry%3D%2210.5%22%20transform%3D%22rotate(-45.001%2027.896%208.105)%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13.046%2023.454a.5.5%200%200%201-.354-.853l11.314-11.314a.5.5%200%200%201%20.707.707L13.4%2023.308a.5.5%200%200%201-.354.146m-1.556-1.556a.5.5%200%200%201-.408-.789l9.545-13.505a.5.5%200%200%201%20.816.577l-9.545%2013.506a.5.5%200%200%201-.408.211m3.113%203.112a.498.498%200%200%201-.289-.908l13.505-9.546a.5.5%200%200%201%20.578.817l-13.506%209.546a.5.5%200%200%201-.288.091m-4.244-4.95a.5.5%200%200%201-.435-.744l8.485-15.132a.5.5%200%200%201%20.872.49l-8.486%2015.131a.5.5%200%200%201-.436.255m6.082%206.081a.5.5%200%200%201-.246-.937l15.132-8.485a.5.5%200%200%201%20.489.872l-15.131%208.486a.5.5%200%200%201-.244.064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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