Long Drum icon
openmoji:long-drum
The Long Drum icon (openmoji:long-drum) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Objects
- Tags
- longdrum
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path d="M29.625 35.945a1 1 0 0 1-.84-1.54l4.552-7.1l-3.295-4.081a1 1 0 0 1 1.557-1.256l3.747 4.641a1 1 0 0 1 .063 1.168l-4.941 7.708a1 1 0 0 1-.843.46m-4.01-.105a1 1 0 0 1-.758-.348l-5.053-5.869a1 1 0 0 1-.023-1.278l5.178-6.455a1 1 0 0 1 1.56 1.252l-4.658 5.807l4.512 5.239a1 1 0 0 1-.758 1.652m3.182 18.617a1 1 0 0 1-.984-.828l-2.628-15.102a1 1 0 1 1 1.97-.343l2.628 15.101a1 1 0 0 1-.813 1.157a1 1 0 0 1-.173.015"/><path d="M30.53 54.457a1 1 0 0 1-.997-.919l-1.237-15.165a1 1 0 0 1 1.994-.162l1.237 15.165a1 1 0 0 1-.916 1.078zm8.98-18.512a1 1 0 0 1-.843-.46l-4.941-7.708a1 1 0 0 1 .063-1.168l3.747-4.641a1 1 0 0 1 1.557 1.256l-3.295 4.08l4.553 7.101a1 1 0 0 1-.841 1.54m4.01-.105a1 1 0 0 1-.757-1.652l4.51-5.24l-4.658-5.806a1 1 0 0 1 1.56-1.252l5.178 6.455a1 1 0 0 1-.022 1.278l-5.053 5.87a1 1 0 0 1-.758.347m-3.181 18.617a1 1 0 0 1-.172-.015a1 1 0 0 1-.814-1.156l2.627-15.101a1 1 0 1 1 1.97.341l-2.626 15.102a1 1 0 0 1-.985.829"/><path d="M38.606 54.457q-.041 0-.083-.003a1 1 0 0 1-.916-1.078l1.238-15.165a1.01 1.01 0 0 1 1.078-.916a1 1 0 0 1 .916 1.078l-1.237 15.165a1 1 0 0 1-.996.919"/><path fill="#d22f27" d="M43.356 57.378C52.84 30.25 47.284 15.58 45.43 11.831a1.76 1.76 0 0 0-1.583-.974H25.45a1.76 1.76 0 0 0-1.583.974c-1.853 3.75-7.41 18.42 2.075 45.547a5.24 5.24 0 0 0 4.942 3.497h7.53a5.24 5.24 0 0 0 4.942-3.497"/><path fill="#f1b31c" d="m21.725 18.112l-.772 4.399l27.39.085l-.77-4.486zm3.146 35.345h19.643l-.863 3.067h-17.67z"/><rect width="6" height="3" x="24.701" y="35.181" fill="#a57939" rx="1.29"/><rect width="6" height="3" x="38.434" y="35.181" fill="#a57939" rx="1.29" transform="rotate(180 41.434 36.681)"/><path fill="#a57939" d="M25.038 10.857h18.81l1.583.974l.909 2.127H22.957l.91-2.127z"/><path fill="#f1b31c" d="M29.625 35.945a1 1 0 0 1-.84-1.54l4.552-7.1l-3.295-4.081a1 1 0 0 1 1.557-1.256l3.747 4.641a1 1 0 0 1 .063 1.168l-4.941 7.708a1 1 0 0 1-.843.46m-4.01-.105a1 1 0 0 1-.758-.348l-5.053-5.869a1 1 0 0 1-.023-1.278l5.178-6.455a1 1 0 0 1 1.56 1.252l-4.658 5.807l4.512 5.239a1 1 0 0 1-.758 1.652m3.182 18.617a1 1 0 0 1-.984-.828l-2.628-15.102a1 1 0 1 1 1.97-.343l2.628 15.101a1 1 0 0 1-.813 1.157a1 1 0 0 1-.173.015"/><path fill="#f1b31c" d="M30.53 54.457a1 1 0 0 1-.997-.919l-1.237-15.165a1 1 0 0 1 1.994-.162l1.237 15.165a1 1 0 0 1-.916 1.078zm8.98-18.512a1 1 0 0 1-.843-.46l-4.941-7.708a1 1 0 0 1 .063-1.168l3.747-4.641a1 1 0 0 1 1.557 1.256l-3.295 4.08l4.553 7.101a1 1 0 0 1-.841 1.54m4.01-.105a1 1 0 0 1-.757-1.652l4.51-5.24l-4.658-5.806a1 1 0 0 1 1.56-1.252l5.178 6.455a1 1 0 0 1-.022 1.278l-5.053 5.87a1 1 0 0 1-.758.347m-3.181 18.617a1 1 0 0 1-.172-.015a1 1 0 0 1-.814-1.156l2.627-15.101a1 1 0 1 1 1.97.341l-2.626 15.102a1 1 0 0 1-.985.829"/><path fill="#f1b31c" d="M38.606 54.457q-.041 0-.083-.003a1 1 0 0 1-.916-1.078l1.238-15.165a1.01 1.01 0 0 1 1.078-.916a1 1 0 0 1 .916 1.078l-1.237 15.165a1 1 0 0 1-.996.919"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path d="M43.356 57.378C52.84 30.25 47.284 15.58 45.43 11.831a1.76 1.76 0 0 0-1.583-.974H25.45a1.76 1.76 0 0 0-1.583.974c-1.853 3.75-7.41 18.42 2.075 45.547a5.24 5.24 0 0 0 4.942 3.497h7.53a5.24 5.24 0 0 0 4.942-3.497Z"/><path stroke-linecap="round" d="M21.725 18.119h25.848m-24.302-4.161H46.34m-25.387 8.557h27.39"/><rect width="6" height="3" x="24.701" y="35.181" rx="1.328"/><path stroke-linecap="round" d="M24.648 53.457H44.61m-18.629 3.066h17.356"/><rect width="6" height="3" x="38.434" y="35.181" rx="1.328" transform="matrix(-1 0 0 -1 82.868 73.362)"/></g></svg>How to use the Long Drum icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:long-drum" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:long-drum" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:long-drum" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--long-drum]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:long-drum"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:long-drum"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/long-drum.svg" alt="Long Drum icon" width="24" height="24">Long Drum icon in other icon sets
Long Drum icon FAQ
Is the Long Drum icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Long Drum icon in React?
Install @iconify/react and render <Icon icon="openmoji:long-drum" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Long Drum icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/long-drum.svg" alt="Long Drum icon">, or paste the SVG code inline to style it with CSS.