trumpet emoji
trumpet from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- trumpet
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the trumpet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fcab40" d="m5.622 33.051l-2.674-2.673L23.337 9.987c3.344-3.343 1.337-8.021 2.007-8.689c.666-.67 1.335-.002 1.335-.002l8.023 8.023c.668.668 0 1.336 0 1.336c-.669.67-5.778-.908-8.692 2.006z"/><path fill="#ccd6dd" d="M5.457 33.891a2.369 2.369 0 0 0-3.349-3.35l.087.087a.94.94 0 0 0-1.296.027a.945.945 0 0 0 0 1.336L4.008 35.1a.94.94 0 0 0 1.369-1.29z"/><path fill="#fcab40" d="M13.31 33.709a5.64 5.64 0 0 1-4.011-1.661a5.63 5.63 0 0 1-1.661-4.011c0-1.515.59-2.939 1.661-4.011L19.995 13.33a5.64 5.64 0 0 1 4.012-1.661c1.515 0 2.94.59 4.011 1.661a5.68 5.68 0 0 1 0 8.022L17.322 32.047a5.64 5.64 0 0 1-4.012 1.662M24.007 15.45c-.506 0-.98.197-1.338.554L11.974 26.7a1.88 1.88 0 0 0-.554 1.337c0 .506.197.979.553 1.336c.358.357.832.555 1.337.555s.98-.197 1.337-.555l10.696-10.695a1.893 1.893 0 0 0-1.336-3.228"/><path fill="#fcab40" d="M25.344 24.026a1.892 1.892 0 0 0 2.674-2.674l-8.022-8.023a1.89 1.89 0 1 0-2.673 2.675zm-4.012 4.011a1.892 1.892 0 0 0 2.676-2.674l-8.023-8.023a1.893 1.893 0 0 0-2.675 2.675zm-4.01 4.011a1.89 1.89 0 1 0 2.673-2.674l-8.021-8.022a1.892 1.892 0 0 0-2.675 2.674z"/><path fill="#ccd6dd" d="M14.648 13.329a.946.946 0 0 0 1.337 0l1.337-1.336a.947.947 0 0 0-1.337-1.338l-1.337 1.338a.943.943 0 0 0 0 1.336m-4.011 4.012c.37.371.967.37 1.337 0l1.336-1.337a.943.943 0 0 0 0-1.337a.944.944 0 0 0-1.337 0l-1.337 1.337a.945.945 0 0 0 .001 1.337m-4.012 4.012c.37.37.967.37 1.337 0l1.337-1.338a.944.944 0 1 0-1.336-1.337l-1.337 1.338a.945.945 0 0 0-.001 1.337"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTrumpet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fcab40" d="m5.622 33.051l-2.674-2.673L23.337 9.987c3.344-3.343 1.337-8.021 2.007-8.689c.666-.67 1.335-.002 1.335-.002l8.023 8.023c.668.668 0 1.336 0 1.336c-.669.67-5.778-.908-8.692 2.006z"/><path fill="#ccd6dd" d="M5.457 33.891a2.369 2.369 0 0 0-3.349-3.35l.087.087a.94.94 0 0 0-1.296.027a.945.945 0 0 0 0 1.336L4.008 35.1a.94.94 0 0 0 1.369-1.29z"/><path fill="#fcab40" d="M13.31 33.709a5.64 5.64 0 0 1-4.011-1.661a5.63 5.63 0 0 1-1.661-4.011c0-1.515.59-2.939 1.661-4.011L19.995 13.33a5.64 5.64 0 0 1 4.012-1.661c1.515 0 2.94.59 4.011 1.661a5.68 5.68 0 0 1 0 8.022L17.322 32.047a5.64 5.64 0 0 1-4.012 1.662M24.007 15.45c-.506 0-.98.197-1.338.554L11.974 26.7a1.88 1.88 0 0 0-.554 1.337c0 .506.197.979.553 1.336c.358.357.832.555 1.337.555s.98-.197 1.337-.555l10.696-10.695a1.893 1.893 0 0 0-1.336-3.228"/><path fill="#fcab40" d="M25.344 24.026a1.892 1.892 0 0 0 2.674-2.674l-8.022-8.023a1.89 1.89 0 1 0-2.673 2.675zm-4.012 4.011a1.892 1.892 0 0 0 2.676-2.674l-8.023-8.023a1.893 1.893 0 0 0-2.675 2.675zm-4.01 4.011a1.89 1.89 0 1 0 2.673-2.674l-8.021-8.022a1.892 1.892 0 0 0-2.675 2.674z"/><path fill="#ccd6dd" d="M14.648 13.329a.946.946 0 0 0 1.337 0l1.337-1.336a.947.947 0 0 0-1.337-1.338l-1.337 1.338a.943.943 0 0 0 0 1.336m-4.011 4.012c.37.371.967.37 1.337 0l1.336-1.337a.943.943 0 0 0 0-1.337a.944.944 0 0 0-1.337 0l-1.337 1.337a.945.945 0 0 0 .001 1.337m-4.012 4.012c.37.37.967.37 1.337 0l1.337-1.338a.944.944 0 1 0-1.336-1.337l-1.337 1.338a.945.945 0 0 0-.001 1.337"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fcab40" d="m5.622 33.051l-2.674-2.673L23.337 9.987c3.344-3.343 1.337-8.021 2.007-8.689c.666-.67 1.335-.002 1.335-.002l8.023 8.023c.668.668 0 1.336 0 1.336c-.669.67-5.778-.908-8.692 2.006z"/><path fill="#ccd6dd" d="M5.457 33.891a2.369 2.369 0 0 0-3.349-3.35l.087.087a.94.94 0 0 0-1.296.027a.945.945 0 0 0 0 1.336L4.008 35.1a.94.94 0 0 0 1.369-1.29z"/><path fill="#fcab40" d="M13.31 33.709a5.64 5.64 0 0 1-4.011-1.661a5.63 5.63 0 0 1-1.661-4.011c0-1.515.59-2.939 1.661-4.011L19.995 13.33a5.64 5.64 0 0 1 4.012-1.661c1.515 0 2.94.59 4.011 1.661a5.68 5.68 0 0 1 0 8.022L17.322 32.047a5.64 5.64 0 0 1-4.012 1.662M24.007 15.45c-.506 0-.98.197-1.338.554L11.974 26.7a1.88 1.88 0 0 0-.554 1.337c0 .506.197.979.553 1.336c.358.357.832.555 1.337.555s.98-.197 1.337-.555l10.696-10.695a1.893 1.893 0 0 0-1.336-3.228"/><path fill="#fcab40" d="M25.344 24.026a1.892 1.892 0 0 0 2.674-2.674l-8.022-8.023a1.89 1.89 0 1 0-2.673 2.675zm-4.012 4.011a1.892 1.892 0 0 0 2.676-2.674l-8.023-8.023a1.893 1.893 0 0 0-2.675 2.675zm-4.01 4.011a1.89 1.89 0 1 0 2.673-2.674l-8.021-8.022a1.892 1.892 0 0 0-2.675 2.674z"/><path fill="#ccd6dd" d="M14.648 13.329a.946.946 0 0 0 1.337 0l1.337-1.336a.947.947 0 0 0-1.337-1.338l-1.337 1.338a.943.943 0 0 0 0 1.336m-4.011 4.012c.37.371.967.37 1.337 0l1.336-1.337a.943.943 0 0 0 0-1.337a.944.944 0 0 0-1.337 0l-1.337 1.337a.945.945 0 0 0 .001 1.337m-4.012 4.012c.37.37.967.37 1.337 0l1.337-1.338a.944.944 0 1 0-1.336-1.337l-1.337 1.338a.945.945 0 0 0-.001 1.337"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23fcab40%22%20d%3D%22m5.622%2033.051l-2.674-2.673L23.337%209.987c3.344-3.343%201.337-8.021%202.007-8.689c.666-.67%201.335-.002%201.335-.002l8.023%208.023c.668.668%200%201.336%200%201.336c-.669.67-5.778-.908-8.692%202.006z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M5.457%2033.891a2.369%202.369%200%200%200-3.349-3.35l.087.087a.94.94%200%200%200-1.296.027a.945.945%200%200%200%200%201.336L4.008%2035.1a.94.94%200%200%200%201.369-1.29z%22%2F%3E%3Cpath%20fill%3D%22%23fcab40%22%20d%3D%22M13.31%2033.709a5.64%205.64%200%200%201-4.011-1.661a5.63%205.63%200%200%201-1.661-4.011c0-1.515.59-2.939%201.661-4.011L19.995%2013.33a5.64%205.64%200%200%201%204.012-1.661c1.515%200%202.94.59%204.011%201.661a5.68%205.68%200%200%201%200%208.022L17.322%2032.047a5.64%205.64%200%200%201-4.012%201.662M24.007%2015.45c-.506%200-.98.197-1.338.554L11.974%2026.7a1.88%201.88%200%200%200-.554%201.337c0%20.506.197.979.553%201.336c.358.357.832.555%201.337.555s.98-.197%201.337-.555l10.696-10.695a1.893%201.893%200%200%200-1.336-3.228%22%2F%3E%3Cpath%20fill%3D%22%23fcab40%22%20d%3D%22M25.344%2024.026a1.892%201.892%200%200%200%202.674-2.674l-8.022-8.023a1.89%201.89%200%201%200-2.673%202.675zm-4.012%204.011a1.892%201.892%200%200%200%202.676-2.674l-8.023-8.023a1.893%201.893%200%200%200-2.675%202.675zm-4.01%204.011a1.89%201.89%200%201%200%202.673-2.674l-8.021-8.022a1.892%201.892%200%200%200-2.675%202.674z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M14.648%2013.329a.946.946%200%200%200%201.337%200l1.337-1.336a.947.947%200%200%200-1.337-1.338l-1.337%201.338a.943.943%200%200%200%200%201.336m-4.011%204.012c.37.371.967.37%201.337%200l1.336-1.337a.943.943%200%200%200%200-1.337a.944.944%200%200%200-1.337%200l-1.337%201.337a.945.945%200%200%200%20.001%201.337m-4.012%204.012c.37.37.967.37%201.337%200l1.337-1.338a.944.944%200%201%200-1.336-1.337l-1.337%201.338a.945.945%200%200%200-.001%201.337%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%23fcab40%22%20d%3D%22m5.622%2033.051l-2.674-2.673L23.337%209.987c3.344-3.343%201.337-8.021%202.007-8.689c.666-.67%201.335-.002%201.335-.002l8.023%208.023c.668.668%200%201.336%200%201.336c-.669.67-5.778-.908-8.692%202.006z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M5.457%2033.891a2.369%202.369%200%200%200-3.349-3.35l.087.087a.94.94%200%200%200-1.296.027a.945.945%200%200%200%200%201.336L4.008%2035.1a.94.94%200%200%200%201.369-1.29z%22%2F%3E%3Cpath%20fill%3D%22%23fcab40%22%20d%3D%22M13.31%2033.709a5.64%205.64%200%200%201-4.011-1.661a5.63%205.63%200%200%201-1.661-4.011c0-1.515.59-2.939%201.661-4.011L19.995%2013.33a5.64%205.64%200%200%201%204.012-1.661c1.515%200%202.94.59%204.011%201.661a5.68%205.68%200%200%201%200%208.022L17.322%2032.047a5.64%205.64%200%200%201-4.012%201.662M24.007%2015.45c-.506%200-.98.197-1.338.554L11.974%2026.7a1.88%201.88%200%200%200-.554%201.337c0%20.506.197.979.553%201.336c.358.357.832.555%201.337.555s.98-.197%201.337-.555l10.696-10.695a1.893%201.893%200%200%200-1.336-3.228%22%2F%3E%3Cpath%20fill%3D%22%23fcab40%22%20d%3D%22M25.344%2024.026a1.892%201.892%200%200%200%202.674-2.674l-8.022-8.023a1.89%201.89%200%201%200-2.673%202.675zm-4.012%204.011a1.892%201.892%200%200%200%202.676-2.674l-8.023-8.023a1.893%201.893%200%200%200-2.675%202.675zm-4.01%204.011a1.89%201.89%200%201%200%202.673-2.674l-8.021-8.022a1.892%201.892%200%200%200-2.675%202.674z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M14.648%2013.329a.946.946%200%200%200%201.337%200l1.337-1.336a.947.947%200%200%200-1.337-1.338l-1.337%201.338a.943.943%200%200%200%200%201.336m-4.011%204.012c.37.371.967.37%201.337%200l1.336-1.337a.943.943%200%200%200%200-1.337a.944.944%200%200%200-1.337%200l-1.337%201.337a.945.945%200%200%200%20.001%201.337m-4.012%204.012c.37.37.967.37%201.337%200l1.337-1.338a.944.944%200%201%200-1.336-1.337l-1.337%201.338a.945.945%200%200%200-.001%201.337%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/trumpet.svg?color=%231a73e8&size=48
