loudspeaker emoji
loudspeaker from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- loudspeaker
- 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 loudspeaker emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#be1931" d="M12.908 30.75c-.276 2.209-2.291 3-4.5 3s-3.776-1.791-3.5-4l1-9c.276-2.209 2.291-4 4.5-4s6.468 0 3.5 4s-1 10-1 10"/><path fill="#ccd6dd" d="M35.825 14.75c0 6.902-1.544 12.5-3.45 12.5c-1.905 0-20.45-5.598-20.45-12.5s18.545-12.5 20.45-12.5c1.906 0 3.45 5.597 3.45 12.5"/><ellipse cx="32.375" cy="14.75" fill="#66757f" rx="3.45" ry="12.5"/><path fill="#dd2e44" d="m17.925 21.75l-14-1c-5 0-5-12 0-12l14-1c-3 3-3 11 0 14"/><ellipse cx="31.325" cy="14.75" fill="#99aab5" rx="1.5" ry="4.348"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLoudspeaker(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#be1931" d="M12.908 30.75c-.276 2.209-2.291 3-4.5 3s-3.776-1.791-3.5-4l1-9c.276-2.209 2.291-4 4.5-4s6.468 0 3.5 4s-1 10-1 10"/><path fill="#ccd6dd" d="M35.825 14.75c0 6.902-1.544 12.5-3.45 12.5c-1.905 0-20.45-5.598-20.45-12.5s18.545-12.5 20.45-12.5c1.906 0 3.45 5.597 3.45 12.5"/><ellipse cx="32.375" cy="14.75" fill="#66757f" rx="3.45" ry="12.5"/><path fill="#dd2e44" d="m17.925 21.75l-14-1c-5 0-5-12 0-12l14-1c-3 3-3 11 0 14"/><ellipse cx="31.325" cy="14.75" fill="#99aab5" rx="1.5" ry="4.348"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#be1931" d="M12.908 30.75c-.276 2.209-2.291 3-4.5 3s-3.776-1.791-3.5-4l1-9c.276-2.209 2.291-4 4.5-4s6.468 0 3.5 4s-1 10-1 10"/><path fill="#ccd6dd" d="M35.825 14.75c0 6.902-1.544 12.5-3.45 12.5c-1.905 0-20.45-5.598-20.45-12.5s18.545-12.5 20.45-12.5c1.906 0 3.45 5.597 3.45 12.5"/><ellipse cx="32.375" cy="14.75" fill="#66757f" rx="3.45" ry="12.5"/><path fill="#dd2e44" d="m17.925 21.75l-14-1c-5 0-5-12 0-12l14-1c-3 3-3 11 0 14"/><ellipse cx="31.325" cy="14.75" fill="#99aab5" rx="1.5" ry="4.348"/></svg> </template>
CSS
.icon-loudspeaker {
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%23be1931%22%20d%3D%22M12.908%2030.75c-.276%202.209-2.291%203-4.5%203s-3.776-1.791-3.5-4l1-9c.276-2.209%202.291-4%204.5-4s6.468%200%203.5%204s-1%2010-1%2010%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M35.825%2014.75c0%206.902-1.544%2012.5-3.45%2012.5c-1.905%200-20.45-5.598-20.45-12.5s18.545-12.5%2020.45-12.5c1.906%200%203.45%205.597%203.45%2012.5%22%2F%3E%3Cellipse%20cx%3D%2232.375%22%20cy%3D%2214.75%22%20fill%3D%22%2366757f%22%20rx%3D%223.45%22%20ry%3D%2212.5%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m17.925%2021.75l-14-1c-5%200-5-12%200-12l14-1c-3%203-3%2011%200%2014%22%2F%3E%3Cellipse%20cx%3D%2231.325%22%20cy%3D%2214.75%22%20fill%3D%22%2399aab5%22%20rx%3D%221.5%22%20ry%3D%224.348%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%23be1931%22%20d%3D%22M12.908%2030.75c-.276%202.209-2.291%203-4.5%203s-3.776-1.791-3.5-4l1-9c.276-2.209%202.291-4%204.5-4s6.468%200%203.5%204s-1%2010-1%2010%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M35.825%2014.75c0%206.902-1.544%2012.5-3.45%2012.5c-1.905%200-20.45-5.598-20.45-12.5s18.545-12.5%2020.45-12.5c1.906%200%203.45%205.597%203.45%2012.5%22%2F%3E%3Cellipse%20cx%3D%2232.375%22%20cy%3D%2214.75%22%20fill%3D%22%2366757f%22%20rx%3D%223.45%22%20ry%3D%2212.5%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m17.925%2021.75l-14-1c-5%200-5-12%200-12l14-1c-3%203-3%2011%200%2014%22%2F%3E%3Cellipse%20cx%3D%2231.325%22%20cy%3D%2214.75%22%20fill%3D%22%2399aab5%22%20rx%3D%221.5%22%20ry%3D%224.348%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/loudspeaker.svg?color=%231a73e8&size=48
