drum emoji
drum from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- drum
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji High Contrast
Use the drum emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.813 11.203a1.29 1.29 0 0 0-1.184.346l-1.07 1.07c-.5.5-.5 1.32 0 1.82s1.32.5 1.82 0l1.07-1.07c.32-.32.435-.77.346-1.184l8.874-8.376c.43-.4.44-1.08.02-1.5s-1.1-.41-1.5.02zm-7.628 0a1.29 1.29 0 0 1 1.184.346l1.07 1.07c.5.5.5 1.32 0 1.82s-1.32.5-1.82 0l-1.07-1.07a1.29 1.29 0 0 1-.346-1.184L2.329 3.809c-.43-.4-.44-1.08-.02-1.5s1.1-.41 1.5.02zM10.187 7.63a7.93 7.93 0 0 1 5.752-2.471a7.92 7.92 0 0 1 5.812 2.534l1.206-1.278a9.68 9.68 0 0 0-7.018-3.006a9.67 9.67 0 0 0-6.96 2.94z"/><path d="m6.923 9.52l1.4 1.322a7.9 7.9 0 0 0-.324 2.257c0 4.38 3.56 7.94 7.94 7.94s7.94-3.56 7.94-7.94c0-.75-.105-1.478-.3-2.167l1.407-1.328a9.7 9.7 0 0 1 .653 3.505h.02v4.639q.01.259.01.518c0 6.488-4.36 11.734-9.73 11.734c-5.156 0-9.366-4.829-9.708-10.931a10 10 0 0 1-.022-1.245V13.11h.03a9.7 9.7 0 0 1 .684-3.588m14.85 11.341v5.048q0 .068.01.134a9.8 9.8 0 0 0 1.742-1.693v-5.194a9.8 9.8 0 0 1-1.752 1.705m-5.834 1.948q-.444 0-.876-.04v5.192a10 10 0 0 0 1.752-.002v-5.19a10 10 0 0 1-.876.04m-7.586-3.653v5.22a9.8 9.8 0 0 0 1.74 1.68a1 1 0 0 0 .012-.147V20.86a9.8 9.8 0 0 1-1.752-1.705"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastDrum(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.813 11.203a1.29 1.29 0 0 0-1.184.346l-1.07 1.07c-.5.5-.5 1.32 0 1.82s1.32.5 1.82 0l1.07-1.07c.32-.32.435-.77.346-1.184l8.874-8.376c.43-.4.44-1.08.02-1.5s-1.1-.41-1.5.02zm-7.628 0a1.29 1.29 0 0 1 1.184.346l1.07 1.07c.5.5.5 1.32 0 1.82s-1.32.5-1.82 0l-1.07-1.07a1.29 1.29 0 0 1-.346-1.184L2.329 3.809c-.43-.4-.44-1.08-.02-1.5s1.1-.41 1.5.02zM10.187 7.63a7.93 7.93 0 0 1 5.752-2.471a7.92 7.92 0 0 1 5.812 2.534l1.206-1.278a9.68 9.68 0 0 0-7.018-3.006a9.67 9.67 0 0 0-6.96 2.94z"/><path d="m6.923 9.52l1.4 1.322a7.9 7.9 0 0 0-.324 2.257c0 4.38 3.56 7.94 7.94 7.94s7.94-3.56 7.94-7.94c0-.75-.105-1.478-.3-2.167l1.407-1.328a9.7 9.7 0 0 1 .653 3.505h.02v4.639q.01.259.01.518c0 6.488-4.36 11.734-9.73 11.734c-5.156 0-9.366-4.829-9.708-10.931a10 10 0 0 1-.022-1.245V13.11h.03a9.7 9.7 0 0 1 .684-3.588m14.85 11.341v5.048q0 .068.01.134a9.8 9.8 0 0 0 1.742-1.693v-5.194a9.8 9.8 0 0 1-1.752 1.705m-5.834 1.948q-.444 0-.876-.04v5.192a10 10 0 0 0 1.752-.002v-5.19a10 10 0 0 1-.876.04m-7.586-3.653v5.22a9.8 9.8 0 0 0 1.74 1.68a1 1 0 0 0 .012-.147V20.86a9.8 9.8 0 0 1-1.752-1.705"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.813 11.203a1.29 1.29 0 0 0-1.184.346l-1.07 1.07c-.5.5-.5 1.32 0 1.82s1.32.5 1.82 0l1.07-1.07c.32-.32.435-.77.346-1.184l8.874-8.376c.43-.4.44-1.08.02-1.5s-1.1-.41-1.5.02zm-7.628 0a1.29 1.29 0 0 1 1.184.346l1.07 1.07c.5.5.5 1.32 0 1.82s-1.32.5-1.82 0l-1.07-1.07a1.29 1.29 0 0 1-.346-1.184L2.329 3.809c-.43-.4-.44-1.08-.02-1.5s1.1-.41 1.5.02zM10.187 7.63a7.93 7.93 0 0 1 5.752-2.471a7.92 7.92 0 0 1 5.812 2.534l1.206-1.278a9.68 9.68 0 0 0-7.018-3.006a9.67 9.67 0 0 0-6.96 2.94z"/><path d="m6.923 9.52l1.4 1.322a7.9 7.9 0 0 0-.324 2.257c0 4.38 3.56 7.94 7.94 7.94s7.94-3.56 7.94-7.94c0-.75-.105-1.478-.3-2.167l1.407-1.328a9.7 9.7 0 0 1 .653 3.505h.02v4.639q.01.259.01.518c0 6.488-4.36 11.734-9.73 11.734c-5.156 0-9.366-4.829-9.708-10.931a10 10 0 0 1-.022-1.245V13.11h.03a9.7 9.7 0 0 1 .684-3.588m14.85 11.341v5.048q0 .068.01.134a9.8 9.8 0 0 0 1.742-1.693v-5.194a9.8 9.8 0 0 1-1.752 1.705m-5.834 1.948q-.444 0-.876-.04v5.192a10 10 0 0 0 1.752-.002v-5.19a10 10 0 0 1-.876.04m-7.586-3.653v5.22a9.8 9.8 0 0 0 1.74 1.68a1 1 0 0 0 .012-.147V20.86a9.8 9.8 0 0 1-1.752-1.705"/></g></svg> </template>
CSS
.icon-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%22currentColor%22%3E%3Cpath%20d%3D%22M19.813%2011.203a1.29%201.29%200%200%200-1.184.346l-1.07%201.07c-.5.5-.5%201.32%200%201.82s1.32.5%201.82%200l1.07-1.07c.32-.32.435-.77.346-1.184l8.874-8.376c.43-.4.44-1.08.02-1.5s-1.1-.41-1.5.02zm-7.628%200a1.29%201.29%200%200%201%201.184.346l1.07%201.07c.5.5.5%201.32%200%201.82s-1.32.5-1.82%200l-1.07-1.07a1.29%201.29%200%200%201-.346-1.184L2.329%203.809c-.43-.4-.44-1.08-.02-1.5s1.1-.41%201.5.02zM10.187%207.63a7.93%207.93%200%200%201%205.752-2.471a7.92%207.92%200%200%201%205.812%202.534l1.206-1.278a9.68%209.68%200%200%200-7.018-3.006a9.67%209.67%200%200%200-6.96%202.94z%22%2F%3E%3Cpath%20d%3D%22m6.923%209.52l1.4%201.322a7.9%207.9%200%200%200-.324%202.257c0%204.38%203.56%207.94%207.94%207.94s7.94-3.56%207.94-7.94c0-.75-.105-1.478-.3-2.167l1.407-1.328a9.7%209.7%200%200%201%20.653%203.505h.02v4.639q.01.259.01.518c0%206.488-4.36%2011.734-9.73%2011.734c-5.156%200-9.366-4.829-9.708-10.931a10%2010%200%200%201-.022-1.245V13.11h.03a9.7%209.7%200%200%201%20.684-3.588m14.85%2011.341v5.048q0%20.068.01.134a9.8%209.8%200%200%200%201.742-1.693v-5.194a9.8%209.8%200%200%201-1.752%201.705m-5.834%201.948q-.444%200-.876-.04v5.192a10%2010%200%200%200%201.752-.002v-5.19a10%2010%200%200%201-.876.04m-7.586-3.653v5.22a9.8%209.8%200%200%200%201.74%201.68a1%201%200%200%200%20.012-.147V20.86a9.8%209.8%200%200%201-1.752-1.705%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%22currentColor%22%3E%3Cpath%20d%3D%22M19.813%2011.203a1.29%201.29%200%200%200-1.184.346l-1.07%201.07c-.5.5-.5%201.32%200%201.82s1.32.5%201.82%200l1.07-1.07c.32-.32.435-.77.346-1.184l8.874-8.376c.43-.4.44-1.08.02-1.5s-1.1-.41-1.5.02zm-7.628%200a1.29%201.29%200%200%201%201.184.346l1.07%201.07c.5.5.5%201.32%200%201.82s-1.32.5-1.82%200l-1.07-1.07a1.29%201.29%200%200%201-.346-1.184L2.329%203.809c-.43-.4-.44-1.08-.02-1.5s1.1-.41%201.5.02zM10.187%207.63a7.93%207.93%200%200%201%205.752-2.471a7.92%207.92%200%200%201%205.812%202.534l1.206-1.278a9.68%209.68%200%200%200-7.018-3.006a9.67%209.67%200%200%200-6.96%202.94z%22%2F%3E%3Cpath%20d%3D%22m6.923%209.52l1.4%201.322a7.9%207.9%200%200%200-.324%202.257c0%204.38%203.56%207.94%207.94%207.94s7.94-3.56%207.94-7.94c0-.75-.105-1.478-.3-2.167l1.407-1.328a9.7%209.7%200%200%201%20.653%203.505h.02v4.639q.01.259.01.518c0%206.488-4.36%2011.734-9.73%2011.734c-5.156%200-9.366-4.829-9.708-10.931a10%2010%200%200%201-.022-1.245V13.11h.03a9.7%209.7%200%200%201%20.684-3.588m14.85%2011.341v5.048q0%20.068.01.134a9.8%209.8%200%200%200%201.742-1.693v-5.194a9.8%209.8%200%200%201-1.752%201.705m-5.834%201.948q-.444%200-.876-.04v5.192a10%2010%200%200%200%201.752-.002v-5.19a10%2010%200%200%201-.876.04m-7.586-3.653v5.22a9.8%209.8%200%200%200%201.74%201.68a1%201%200%200%200%20.012-.147V20.86a9.8%209.8%200%200%201-1.752-1.705%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-high-contrast/drum.svg?color=%231a73e8&size=48
