trumpet emoji
trumpet from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- trumpet
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Emoji One (Colored)
Use the trumpet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f2b200" d="m14.1 45.6l1.8-1.8l-10.1-9.9L4 35.7zm4.8-4.8l1.9-1.8l-10.1-9.9l-1.9 1.8zm-5.2-14.6L23.8 36l1.8-1.7l-10.1-9.9zm19 32.2L18.9 44.9l-3.7 3.6L29.1 62zm4.9-4.7L23.7 40.1l-3.6 3.6l13.8 13.5zm4.9-4.8L28.6 35.4L25 38.9l13.8 13.6z"/><g fill="#ffce31"><path d="m18.9 44.9l-8.8-8.6l-3.6 3.6l8.7 8.6zM15 31.6l-3.6 3.6l8.7 8.5l3.6-3.6zm4.8-4.8l-3.6 3.6l8.8 8.5l3.6-3.5zM7.8 34l-3.7 3.6L2 35.5L5.7 32zm4.8-4.7L9 32.8l-2.1-2l3.6-3.6zm4.9-4.8l-3.6 3.6l-2.2-2.1l3.7-3.6z"/><path d="M39.3 48L28.1 58.9c-3.8 3.7-9.9 3.7-13.7 0a9.3 9.3 0 0 1 0-13.4l11.2-10.9c3.8-3.7 9.9-3.7 13.7 0s3.8 9.7 0 13.4m-21.8.6c-2 2-2 5.3 0 7.3s5.4 2 7.4 0L36.1 45c2-2 2-5.3 0-7.3s-5.4-2-7.4 0z"/><path d="M26.3 32.7c-7.7 7.6-15.3 15-17.9 17.5c-1.7 1.7-1.7 3.2-1.7 3.2L9.4 56s1.5.1 3.2-1.6c2.6-2.5 10.2-10 17.9-17.5c10.2-10 30.7-3.4 30.7-3.4L29.8 3s6.7 19.7-3.5 29.7"/></g><g fill="#f2b200"><path d="M9.2 54.1s1.8.3 3.5-1.4c2.6-2.5 10.4-9.7 18.2-17.3c10.2-10 30.3-3.5 30.3-3.5S45 19.1 30.4 33.3C18.5 45 9.2 54.1 9.2 54.1m-5.7.9l4.3 4.2C9.5 57.4 9.4 56 9.4 56l-2.7-2.6s-1.5-.1-3.2 1.6"/><path d="M30.1 2.3c-1.9 1.9 3.6 10.3 12.3 18.8s17.3 13.9 19.2 12s-4.3-9.6-13-18.1C39.9 6.6 32.1.5 30.1 2.3"/></g><path fill="#333" d="M43 20.5c7.8 7.6 15.5 12.6 17.1 11s-4.2-8.3-12-16C40.2 8 33.3 2.3 31.7 3.9c-1.6 1.5 3.5 9 11.3 16.6"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneTrumpet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f2b200" d="m14.1 45.6l1.8-1.8l-10.1-9.9L4 35.7zm4.8-4.8l1.9-1.8l-10.1-9.9l-1.9 1.8zm-5.2-14.6L23.8 36l1.8-1.7l-10.1-9.9zm19 32.2L18.9 44.9l-3.7 3.6L29.1 62zm4.9-4.7L23.7 40.1l-3.6 3.6l13.8 13.5zm4.9-4.8L28.6 35.4L25 38.9l13.8 13.6z"/><g fill="#ffce31"><path d="m18.9 44.9l-8.8-8.6l-3.6 3.6l8.7 8.6zM15 31.6l-3.6 3.6l8.7 8.5l3.6-3.6zm4.8-4.8l-3.6 3.6l8.8 8.5l3.6-3.5zM7.8 34l-3.7 3.6L2 35.5L5.7 32zm4.8-4.7L9 32.8l-2.1-2l3.6-3.6zm4.9-4.8l-3.6 3.6l-2.2-2.1l3.7-3.6z"/><path d="M39.3 48L28.1 58.9c-3.8 3.7-9.9 3.7-13.7 0a9.3 9.3 0 0 1 0-13.4l11.2-10.9c3.8-3.7 9.9-3.7 13.7 0s3.8 9.7 0 13.4m-21.8.6c-2 2-2 5.3 0 7.3s5.4 2 7.4 0L36.1 45c2-2 2-5.3 0-7.3s-5.4-2-7.4 0z"/><path d="M26.3 32.7c-7.7 7.6-15.3 15-17.9 17.5c-1.7 1.7-1.7 3.2-1.7 3.2L9.4 56s1.5.1 3.2-1.6c2.6-2.5 10.2-10 17.9-17.5c10.2-10 30.7-3.4 30.7-3.4L29.8 3s6.7 19.7-3.5 29.7"/></g><g fill="#f2b200"><path d="M9.2 54.1s1.8.3 3.5-1.4c2.6-2.5 10.4-9.7 18.2-17.3c10.2-10 30.3-3.5 30.3-3.5S45 19.1 30.4 33.3C18.5 45 9.2 54.1 9.2 54.1m-5.7.9l4.3 4.2C9.5 57.4 9.4 56 9.4 56l-2.7-2.6s-1.5-.1-3.2 1.6"/><path d="M30.1 2.3c-1.9 1.9 3.6 10.3 12.3 18.8s17.3 13.9 19.2 12s-4.3-9.6-13-18.1C39.9 6.6 32.1.5 30.1 2.3"/></g><path fill="#333" d="M43 20.5c7.8 7.6 15.5 12.6 17.1 11s-4.2-8.3-12-16C40.2 8 33.3 2.3 31.7 3.9c-1.6 1.5 3.5 9 11.3 16.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f2b200" d="m14.1 45.6l1.8-1.8l-10.1-9.9L4 35.7zm4.8-4.8l1.9-1.8l-10.1-9.9l-1.9 1.8zm-5.2-14.6L23.8 36l1.8-1.7l-10.1-9.9zm19 32.2L18.9 44.9l-3.7 3.6L29.1 62zm4.9-4.7L23.7 40.1l-3.6 3.6l13.8 13.5zm4.9-4.8L28.6 35.4L25 38.9l13.8 13.6z"/><g fill="#ffce31"><path d="m18.9 44.9l-8.8-8.6l-3.6 3.6l8.7 8.6zM15 31.6l-3.6 3.6l8.7 8.5l3.6-3.6zm4.8-4.8l-3.6 3.6l8.8 8.5l3.6-3.5zM7.8 34l-3.7 3.6L2 35.5L5.7 32zm4.8-4.7L9 32.8l-2.1-2l3.6-3.6zm4.9-4.8l-3.6 3.6l-2.2-2.1l3.7-3.6z"/><path d="M39.3 48L28.1 58.9c-3.8 3.7-9.9 3.7-13.7 0a9.3 9.3 0 0 1 0-13.4l11.2-10.9c3.8-3.7 9.9-3.7 13.7 0s3.8 9.7 0 13.4m-21.8.6c-2 2-2 5.3 0 7.3s5.4 2 7.4 0L36.1 45c2-2 2-5.3 0-7.3s-5.4-2-7.4 0z"/><path d="M26.3 32.7c-7.7 7.6-15.3 15-17.9 17.5c-1.7 1.7-1.7 3.2-1.7 3.2L9.4 56s1.5.1 3.2-1.6c2.6-2.5 10.2-10 17.9-17.5c10.2-10 30.7-3.4 30.7-3.4L29.8 3s6.7 19.7-3.5 29.7"/></g><g fill="#f2b200"><path d="M9.2 54.1s1.8.3 3.5-1.4c2.6-2.5 10.4-9.7 18.2-17.3c10.2-10 30.3-3.5 30.3-3.5S45 19.1 30.4 33.3C18.5 45 9.2 54.1 9.2 54.1m-5.7.9l4.3 4.2C9.5 57.4 9.4 56 9.4 56l-2.7-2.6s-1.5-.1-3.2 1.6"/><path d="M30.1 2.3c-1.9 1.9 3.6 10.3 12.3 18.8s17.3 13.9 19.2 12s-4.3-9.6-13-18.1C39.9 6.6 32.1.5 30.1 2.3"/></g><path fill="#333" d="M43 20.5c7.8 7.6 15.5 12.6 17.1 11s-4.2-8.3-12-16C40.2 8 33.3 2.3 31.7 3.9c-1.6 1.5 3.5 9 11.3 16.6"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f2b200%22%20d%3D%22m14.1%2045.6l1.8-1.8l-10.1-9.9L4%2035.7zm4.8-4.8l1.9-1.8l-10.1-9.9l-1.9%201.8zm-5.2-14.6L23.8%2036l1.8-1.7l-10.1-9.9zm19%2032.2L18.9%2044.9l-3.7%203.6L29.1%2062zm4.9-4.7L23.7%2040.1l-3.6%203.6l13.8%2013.5zm4.9-4.8L28.6%2035.4L25%2038.9l13.8%2013.6z%22%2F%3E%3Cg%20fill%3D%22%23ffce31%22%3E%3Cpath%20d%3D%22m18.9%2044.9l-8.8-8.6l-3.6%203.6l8.7%208.6zM15%2031.6l-3.6%203.6l8.7%208.5l3.6-3.6zm4.8-4.8l-3.6%203.6l8.8%208.5l3.6-3.5zM7.8%2034l-3.7%203.6L2%2035.5L5.7%2032zm4.8-4.7L9%2032.8l-2.1-2l3.6-3.6zm4.9-4.8l-3.6%203.6l-2.2-2.1l3.7-3.6z%22%2F%3E%3Cpath%20d%3D%22M39.3%2048L28.1%2058.9c-3.8%203.7-9.9%203.7-13.7%200a9.3%209.3%200%200%201%200-13.4l11.2-10.9c3.8-3.7%209.9-3.7%2013.7%200s3.8%209.7%200%2013.4m-21.8.6c-2%202-2%205.3%200%207.3s5.4%202%207.4%200L36.1%2045c2-2%202-5.3%200-7.3s-5.4-2-7.4%200z%22%2F%3E%3Cpath%20d%3D%22M26.3%2032.7c-7.7%207.6-15.3%2015-17.9%2017.5c-1.7%201.7-1.7%203.2-1.7%203.2L9.4%2056s1.5.1%203.2-1.6c2.6-2.5%2010.2-10%2017.9-17.5c10.2-10%2030.7-3.4%2030.7-3.4L29.8%203s6.7%2019.7-3.5%2029.7%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f2b200%22%3E%3Cpath%20d%3D%22M9.2%2054.1s1.8.3%203.5-1.4c2.6-2.5%2010.4-9.7%2018.2-17.3c10.2-10%2030.3-3.5%2030.3-3.5S45%2019.1%2030.4%2033.3C18.5%2045%209.2%2054.1%209.2%2054.1m-5.7.9l4.3%204.2C9.5%2057.4%209.4%2056%209.4%2056l-2.7-2.6s-1.5-.1-3.2%201.6%22%2F%3E%3Cpath%20d%3D%22M30.1%202.3c-1.9%201.9%203.6%2010.3%2012.3%2018.8s17.3%2013.9%2019.2%2012s-4.3-9.6-13-18.1C39.9%206.6%2032.1.5%2030.1%202.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M43%2020.5c7.8%207.6%2015.5%2012.6%2017.1%2011s-4.2-8.3-12-16C40.2%208%2033.3%202.3%2031.7%203.9c-1.6%201.5%203.5%209%2011.3%2016.6%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f2b200%22%20d%3D%22m14.1%2045.6l1.8-1.8l-10.1-9.9L4%2035.7zm4.8-4.8l1.9-1.8l-10.1-9.9l-1.9%201.8zm-5.2-14.6L23.8%2036l1.8-1.7l-10.1-9.9zm19%2032.2L18.9%2044.9l-3.7%203.6L29.1%2062zm4.9-4.7L23.7%2040.1l-3.6%203.6l13.8%2013.5zm4.9-4.8L28.6%2035.4L25%2038.9l13.8%2013.6z%22%2F%3E%3Cg%20fill%3D%22%23ffce31%22%3E%3Cpath%20d%3D%22m18.9%2044.9l-8.8-8.6l-3.6%203.6l8.7%208.6zM15%2031.6l-3.6%203.6l8.7%208.5l3.6-3.6zm4.8-4.8l-3.6%203.6l8.8%208.5l3.6-3.5zM7.8%2034l-3.7%203.6L2%2035.5L5.7%2032zm4.8-4.7L9%2032.8l-2.1-2l3.6-3.6zm4.9-4.8l-3.6%203.6l-2.2-2.1l3.7-3.6z%22%2F%3E%3Cpath%20d%3D%22M39.3%2048L28.1%2058.9c-3.8%203.7-9.9%203.7-13.7%200a9.3%209.3%200%200%201%200-13.4l11.2-10.9c3.8-3.7%209.9-3.7%2013.7%200s3.8%209.7%200%2013.4m-21.8.6c-2%202-2%205.3%200%207.3s5.4%202%207.4%200L36.1%2045c2-2%202-5.3%200-7.3s-5.4-2-7.4%200z%22%2F%3E%3Cpath%20d%3D%22M26.3%2032.7c-7.7%207.6-15.3%2015-17.9%2017.5c-1.7%201.7-1.7%203.2-1.7%203.2L9.4%2056s1.5.1%203.2-1.6c2.6-2.5%2010.2-10%2017.9-17.5c10.2-10%2030.7-3.4%2030.7-3.4L29.8%203s6.7%2019.7-3.5%2029.7%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f2b200%22%3E%3Cpath%20d%3D%22M9.2%2054.1s1.8.3%203.5-1.4c2.6-2.5%2010.4-9.7%2018.2-17.3c10.2-10%2030.3-3.5%2030.3-3.5S45%2019.1%2030.4%2033.3C18.5%2045%209.2%2054.1%209.2%2054.1m-5.7.9l4.3%204.2C9.5%2057.4%209.4%2056%209.4%2056l-2.7-2.6s-1.5-.1-3.2%201.6%22%2F%3E%3Cpath%20d%3D%22M30.1%202.3c-1.9%201.9%203.6%2010.3%2012.3%2018.8s17.3%2013.9%2019.2%2012s-4.3-9.6-13-18.1C39.9%206.6%2032.1.5%2030.1%202.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M43%2020.5c7.8%207.6%2015.5%2012.6%2017.1%2011s-4.2-8.3-12-16C40.2%208%2033.3%202.3%2031.7%203.9c-1.6%201.5%203.5%209%2011.3%2016.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/trumpet.svg?color=%231a73e8&size=48
