trumpet emoji
trumpet from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- trumpet
- 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 trumpet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m22.104 4.745l-.09-1.88c-.04-.77.91-1.16 1.43-.6l6.34 7.01c.52.58.03 1.48-.73 1.37l-1.91-.28c-.82-.12-2.21.18-3.2.44c-.72.19-1.39.56-1.95 1.06l-.34.3c1 .29 1.92.86 2.67 1.68a5.87 5.87 0 0 1 .281 7.547l.138.153c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.079-.087l-1.427 1.292l.076.085c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.075-.084l-1.433 1.297l.078.086c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.139-.153a5.874 5.874 0 0 1-8.864-3.874l-1.924 1.74c.393.49.336 1.216-.143 1.648c-.49.45-1.26.41-1.71-.09l-1.78-1.97c-.45-.49-.41-1.26.09-1.71a1.205 1.205 0 0 1 1.643.021l4.87-4.402l-.913-1.01l-.042-.053a.74.74 0 0 1-.938-.127a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .023.965q.024.02.047.046l.913 1.009l.597-.54l.044-.037l.793-.719l-.917-1.013l-.037-.047a.74.74 0 0 1-.943-.123a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .027.96q.023.017.043.04l.916 1.012l1.428-1.292l-.914-1.01l-.04-.051a.74.74 0 0 1-.95-.12a.74.74 0 0 1 .05-1.04l1.49-1.35a.73.73 0 0 1 1.04.05c.243.27.251.68.03.955l.05.046l.913 1.008l3.298-2.988c.56-.51.99-1.14 1.25-1.85c.37-.97.81-2.34.77-3.17M17.023 16.37l-1.428 1.293l4.076 4.503l1.428-1.293zm5.627 2.862a3.05 3.05 0 0 0-.426-3.477v-.001h-.001a3.03 3.03 0 0 0-2.286-.997a3 3 0 0 0-1.128.231zm-4.648 4.445l-4.076-4.503l-1.433 1.297l4.076 4.503zm-3.226 2.67l-3.828-4.23a3.05 3.05 0 0 0 .436 3.457a3.04 3.04 0 0 0 3.391.773"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastTrumpet(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="m22.104 4.745l-.09-1.88c-.04-.77.91-1.16 1.43-.6l6.34 7.01c.52.58.03 1.48-.73 1.37l-1.91-.28c-.82-.12-2.21.18-3.2.44c-.72.19-1.39.56-1.95 1.06l-.34.3c1 .29 1.92.86 2.67 1.68a5.87 5.87 0 0 1 .281 7.547l.138.153c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.079-.087l-1.427 1.292l.076.085c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.075-.084l-1.433 1.297l.078.086c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.139-.153a5.874 5.874 0 0 1-8.864-3.874l-1.924 1.74c.393.49.336 1.216-.143 1.648c-.49.45-1.26.41-1.71-.09l-1.78-1.97c-.45-.49-.41-1.26.09-1.71a1.205 1.205 0 0 1 1.643.021l4.87-4.402l-.913-1.01l-.042-.053a.74.74 0 0 1-.938-.127a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .023.965q.024.02.047.046l.913 1.009l.597-.54l.044-.037l.793-.719l-.917-1.013l-.037-.047a.74.74 0 0 1-.943-.123a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .027.96q.023.017.043.04l.916 1.012l1.428-1.292l-.914-1.01l-.04-.051a.74.74 0 0 1-.95-.12a.74.74 0 0 1 .05-1.04l1.49-1.35a.73.73 0 0 1 1.04.05c.243.27.251.68.03.955l.05.046l.913 1.008l3.298-2.988c.56-.51.99-1.14 1.25-1.85c.37-.97.81-2.34.77-3.17M17.023 16.37l-1.428 1.293l4.076 4.503l1.428-1.293zm5.627 2.862a3.05 3.05 0 0 0-.426-3.477v-.001h-.001a3.03 3.03 0 0 0-2.286-.997a3 3 0 0 0-1.128.231zm-4.648 4.445l-4.076-4.503l-1.433 1.297l4.076 4.503zm-3.226 2.67l-3.828-4.23a3.05 3.05 0 0 0 .436 3.457a3.04 3.04 0 0 0 3.391.773"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m22.104 4.745l-.09-1.88c-.04-.77.91-1.16 1.43-.6l6.34 7.01c.52.58.03 1.48-.73 1.37l-1.91-.28c-.82-.12-2.21.18-3.2.44c-.72.19-1.39.56-1.95 1.06l-.34.3c1 .29 1.92.86 2.67 1.68a5.87 5.87 0 0 1 .281 7.547l.138.153c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.079-.087l-1.427 1.292l.076.085c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.075-.084l-1.433 1.297l.078.086c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.139-.153a5.874 5.874 0 0 1-8.864-3.874l-1.924 1.74c.393.49.336 1.216-.143 1.648c-.49.45-1.26.41-1.71-.09l-1.78-1.97c-.45-.49-.41-1.26.09-1.71a1.205 1.205 0 0 1 1.643.021l4.87-4.402l-.913-1.01l-.042-.053a.74.74 0 0 1-.938-.127a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .023.965q.024.02.047.046l.913 1.009l.597-.54l.044-.037l.793-.719l-.917-1.013l-.037-.047a.74.74 0 0 1-.943-.123a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .027.96q.023.017.043.04l.916 1.012l1.428-1.292l-.914-1.01l-.04-.051a.74.74 0 0 1-.95-.12a.74.74 0 0 1 .05-1.04l1.49-1.35a.73.73 0 0 1 1.04.05c.243.27.251.68.03.955l.05.046l.913 1.008l3.298-2.988c.56-.51.99-1.14 1.25-1.85c.37-.97.81-2.34.77-3.17M17.023 16.37l-1.428 1.293l4.076 4.503l1.428-1.293zm5.627 2.862a3.05 3.05 0 0 0-.426-3.477v-.001h-.001a3.03 3.03 0 0 0-2.286-.997a3 3 0 0 0-1.128.231zm-4.648 4.445l-4.076-4.503l-1.433 1.297l4.076 4.503zm-3.226 2.67l-3.828-4.23a3.05 3.05 0 0 0 .436 3.457a3.04 3.04 0 0 0 3.391.773"/></svg> </template>
CSS
.icon-trumpet {
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%22m22.104%204.745l-.09-1.88c-.04-.77.91-1.16%201.43-.6l6.34%207.01c.52.58.03%201.48-.73%201.37l-1.91-.28c-.82-.12-2.21.18-3.2.44c-.72.19-1.39.56-1.95%201.06l-.34.3c1%20.29%201.92.86%202.67%201.68a5.87%205.87%200%200%201%20.281%207.547l.138.153c.42.46.38%201.17-.08%201.59s-1.17.38-1.59-.08l-.079-.087l-1.427%201.292l.076.085c.42.46.38%201.17-.08%201.59s-1.17.38-1.59-.08l-.075-.084l-1.433%201.297l.078.086c.42.46.38%201.17-.08%201.59s-1.17.38-1.59-.08l-.139-.153a5.874%205.874%200%200%201-8.864-3.874l-1.924%201.74c.393.49.336%201.216-.143%201.648c-.49.45-1.26.41-1.71-.09l-1.78-1.97c-.45-.49-.41-1.26.09-1.71a1.205%201.205%200%200%201%201.643.021l4.87-4.402l-.913-1.01l-.042-.053a.74.74%200%200%201-.938-.127a.74.74%200%200%201%20.05-1.04l1.49-1.35a.74.74%200%200%201%201.04.05a.74.74%200%200%201%20.023.965q.024.02.047.046l.913%201.009l.597-.54l.044-.037l.793-.719l-.917-1.013l-.037-.047a.74.74%200%200%201-.943-.123a.74.74%200%200%201%20.05-1.04l1.49-1.35a.74.74%200%200%201%201.04.05a.74.74%200%200%201%20.027.96q.023.017.043.04l.916%201.012l1.428-1.292l-.914-1.01l-.04-.051a.74.74%200%200%201-.95-.12a.74.74%200%200%201%20.05-1.04l1.49-1.35a.73.73%200%200%201%201.04.05c.243.27.251.68.03.955l.05.046l.913%201.008l3.298-2.988c.56-.51.99-1.14%201.25-1.85c.37-.97.81-2.34.77-3.17M17.023%2016.37l-1.428%201.293l4.076%204.503l1.428-1.293zm5.627%202.862a3.05%203.05%200%200%200-.426-3.477v-.001h-.001a3.03%203.03%200%200%200-2.286-.997a3%203%200%200%200-1.128.231zm-4.648%204.445l-4.076-4.503l-1.433%201.297l4.076%204.503zm-3.226%202.67l-3.828-4.23a3.05%203.05%200%200%200%20.436%203.457a3.04%203.04%200%200%200%203.391.773%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%22m22.104%204.745l-.09-1.88c-.04-.77.91-1.16%201.43-.6l6.34%207.01c.52.58.03%201.48-.73%201.37l-1.91-.28c-.82-.12-2.21.18-3.2.44c-.72.19-1.39.56-1.95%201.06l-.34.3c1%20.29%201.92.86%202.67%201.68a5.87%205.87%200%200%201%20.281%207.547l.138.153c.42.46.38%201.17-.08%201.59s-1.17.38-1.59-.08l-.079-.087l-1.427%201.292l.076.085c.42.46.38%201.17-.08%201.59s-1.17.38-1.59-.08l-.075-.084l-1.433%201.297l.078.086c.42.46.38%201.17-.08%201.59s-1.17.38-1.59-.08l-.139-.153a5.874%205.874%200%200%201-8.864-3.874l-1.924%201.74c.393.49.336%201.216-.143%201.648c-.49.45-1.26.41-1.71-.09l-1.78-1.97c-.45-.49-.41-1.26.09-1.71a1.205%201.205%200%200%201%201.643.021l4.87-4.402l-.913-1.01l-.042-.053a.74.74%200%200%201-.938-.127a.74.74%200%200%201%20.05-1.04l1.49-1.35a.74.74%200%200%201%201.04.05a.74.74%200%200%201%20.023.965q.024.02.047.046l.913%201.009l.597-.54l.044-.037l.793-.719l-.917-1.013l-.037-.047a.74.74%200%200%201-.943-.123a.74.74%200%200%201%20.05-1.04l1.49-1.35a.74.74%200%200%201%201.04.05a.74.74%200%200%201%20.027.96q.023.017.043.04l.916%201.012l1.428-1.292l-.914-1.01l-.04-.051a.74.74%200%200%201-.95-.12a.74.74%200%200%201%20.05-1.04l1.49-1.35a.73.73%200%200%201%201.04.05c.243.27.251.68.03.955l.05.046l.913%201.008l3.298-2.988c.56-.51.99-1.14%201.25-1.85c.37-.97.81-2.34.77-3.17M17.023%2016.37l-1.428%201.293l4.076%204.503l1.428-1.293zm5.627%202.862a3.05%203.05%200%200%200-.426-3.477v-.001h-.001a3.03%203.03%200%200%200-2.286-.997a3%203%200%200%200-1.128.231zm-4.648%204.445l-4.076-4.503l-1.433%201.297l4.076%204.503zm-3.226%202.67l-3.828-4.23a3.05%203.05%200%200%200%20.436%203.457a3.04%203.04%200%200%200%203.391.773%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/trumpet.svg?color=%231a73e8&size=48
