loudspeaker emoji
loudspeaker from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- loudspeaker
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the loudspeaker emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#42ade2" d="M54.2 15.2c2.2 5.4 2.8 11.2 2.9 16.8c-.1 5.6-.7 11.4-2.9 16.8c-.5-5.6-.2-11.3-.2-16.9c0-5.5-.2-11.2.2-16.7m4.2-8.4C61.1 15 61.9 23.5 62 32c-.1 8.4-.9 16.9-3.6 25.2c0-8.2.5-16.5.5-24.7c.1-8.6-.4-17.2-.5-25.7"/><path fill="#333" d="M18.2 52.4h-8.1l14.5-13.6h8.1z"/><path fill="#b0bdc6" d="M8.3 25.1c-1.6.1-3 .2-4.3.2c0 0-2.1 3.2-2.1 6.6S4 38.5 4 38.5c1.2 0 2.7.1 4.3.2c-.6-1.2-1.7-4-1.7-6.9c0-2.7 1.1-5.5 1.7-6.7"/><path fill="#ed4c5c" d="M42.2 4.9s-16 18-29.6 19.7c-.7 1.7-1.6 4.5-1.6 7.4s1 5.7 1.7 7.3C26.3 41 42.2 59 42.2 59z"/><path fill="#333" d="M12.7 24.6c-1.5.2-3 .3-4.3.5c-.6 1.2-1.7 4-1.7 6.9s1.2 5.7 1.7 6.9c1.4.1 2.8.3 4.3.5C12 37.6 11 34.8 11 32c0-2.9.9-5.7 1.7-7.4"/><ellipse cx="43.9" cy="31.9" fill="#aa1d39" rx="6.3" ry="28"/><path fill="#5b0617" d="M43.9 59.9c-3.5 0-6.3-12.5-6.3-28c5.3-4 12.4 4.9 12.4 4.9c-11 6-6.1 23.1-6.1 23.1"/><path fill="#333" d="M37.8 24.4s-.2 2.6-.2 7.5s.2 7.5.2 7.5l12.3-2.6v-9.7z"/><path fill="#4b4d4f" d="M37.7 26.8s-.1 1.8-.1 5.1c0 3.4.1 5.1.1 5.1l12.5-1.8v-6.6z"/><ellipse cx="50.2" cy="31.9" fill="#ed4c5c" rx="1.6" ry="4.9"/><path fill="#898a90" d="M10.1 28.2h8.1v24.2h-8.1z"/><ellipse cx="14.2" cy="32.5" fill="#fff" rx="1.7" ry="2"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneLoudspeaker(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#42ade2" d="M54.2 15.2c2.2 5.4 2.8 11.2 2.9 16.8c-.1 5.6-.7 11.4-2.9 16.8c-.5-5.6-.2-11.3-.2-16.9c0-5.5-.2-11.2.2-16.7m4.2-8.4C61.1 15 61.9 23.5 62 32c-.1 8.4-.9 16.9-3.6 25.2c0-8.2.5-16.5.5-24.7c.1-8.6-.4-17.2-.5-25.7"/><path fill="#333" d="M18.2 52.4h-8.1l14.5-13.6h8.1z"/><path fill="#b0bdc6" d="M8.3 25.1c-1.6.1-3 .2-4.3.2c0 0-2.1 3.2-2.1 6.6S4 38.5 4 38.5c1.2 0 2.7.1 4.3.2c-.6-1.2-1.7-4-1.7-6.9c0-2.7 1.1-5.5 1.7-6.7"/><path fill="#ed4c5c" d="M42.2 4.9s-16 18-29.6 19.7c-.7 1.7-1.6 4.5-1.6 7.4s1 5.7 1.7 7.3C26.3 41 42.2 59 42.2 59z"/><path fill="#333" d="M12.7 24.6c-1.5.2-3 .3-4.3.5c-.6 1.2-1.7 4-1.7 6.9s1.2 5.7 1.7 6.9c1.4.1 2.8.3 4.3.5C12 37.6 11 34.8 11 32c0-2.9.9-5.7 1.7-7.4"/><ellipse cx="43.9" cy="31.9" fill="#aa1d39" rx="6.3" ry="28"/><path fill="#5b0617" d="M43.9 59.9c-3.5 0-6.3-12.5-6.3-28c5.3-4 12.4 4.9 12.4 4.9c-11 6-6.1 23.1-6.1 23.1"/><path fill="#333" d="M37.8 24.4s-.2 2.6-.2 7.5s.2 7.5.2 7.5l12.3-2.6v-9.7z"/><path fill="#4b4d4f" d="M37.7 26.8s-.1 1.8-.1 5.1c0 3.4.1 5.1.1 5.1l12.5-1.8v-6.6z"/><ellipse cx="50.2" cy="31.9" fill="#ed4c5c" rx="1.6" ry="4.9"/><path fill="#898a90" d="M10.1 28.2h8.1v24.2h-8.1z"/><ellipse cx="14.2" cy="32.5" fill="#fff" rx="1.7" ry="2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#42ade2" d="M54.2 15.2c2.2 5.4 2.8 11.2 2.9 16.8c-.1 5.6-.7 11.4-2.9 16.8c-.5-5.6-.2-11.3-.2-16.9c0-5.5-.2-11.2.2-16.7m4.2-8.4C61.1 15 61.9 23.5 62 32c-.1 8.4-.9 16.9-3.6 25.2c0-8.2.5-16.5.5-24.7c.1-8.6-.4-17.2-.5-25.7"/><path fill="#333" d="M18.2 52.4h-8.1l14.5-13.6h8.1z"/><path fill="#b0bdc6" d="M8.3 25.1c-1.6.1-3 .2-4.3.2c0 0-2.1 3.2-2.1 6.6S4 38.5 4 38.5c1.2 0 2.7.1 4.3.2c-.6-1.2-1.7-4-1.7-6.9c0-2.7 1.1-5.5 1.7-6.7"/><path fill="#ed4c5c" d="M42.2 4.9s-16 18-29.6 19.7c-.7 1.7-1.6 4.5-1.6 7.4s1 5.7 1.7 7.3C26.3 41 42.2 59 42.2 59z"/><path fill="#333" d="M12.7 24.6c-1.5.2-3 .3-4.3.5c-.6 1.2-1.7 4-1.7 6.9s1.2 5.7 1.7 6.9c1.4.1 2.8.3 4.3.5C12 37.6 11 34.8 11 32c0-2.9.9-5.7 1.7-7.4"/><ellipse cx="43.9" cy="31.9" fill="#aa1d39" rx="6.3" ry="28"/><path fill="#5b0617" d="M43.9 59.9c-3.5 0-6.3-12.5-6.3-28c5.3-4 12.4 4.9 12.4 4.9c-11 6-6.1 23.1-6.1 23.1"/><path fill="#333" d="M37.8 24.4s-.2 2.6-.2 7.5s.2 7.5.2 7.5l12.3-2.6v-9.7z"/><path fill="#4b4d4f" d="M37.7 26.8s-.1 1.8-.1 5.1c0 3.4.1 5.1.1 5.1l12.5-1.8v-6.6z"/><ellipse cx="50.2" cy="31.9" fill="#ed4c5c" rx="1.6" ry="4.9"/><path fill="#898a90" d="M10.1 28.2h8.1v24.2h-8.1z"/><ellipse cx="14.2" cy="32.5" fill="#fff" rx="1.7" ry="2"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M54.2%2015.2c2.2%205.4%202.8%2011.2%202.9%2016.8c-.1%205.6-.7%2011.4-2.9%2016.8c-.5-5.6-.2-11.3-.2-16.9c0-5.5-.2-11.2.2-16.7m4.2-8.4C61.1%2015%2061.9%2023.5%2062%2032c-.1%208.4-.9%2016.9-3.6%2025.2c0-8.2.5-16.5.5-24.7c.1-8.6-.4-17.2-.5-25.7%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M18.2%2052.4h-8.1l14.5-13.6h8.1z%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M8.3%2025.1c-1.6.1-3%20.2-4.3.2c0%200-2.1%203.2-2.1%206.6S4%2038.5%204%2038.5c1.2%200%202.7.1%204.3.2c-.6-1.2-1.7-4-1.7-6.9c0-2.7%201.1-5.5%201.7-6.7%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M42.2%204.9s-16%2018-29.6%2019.7c-.7%201.7-1.6%204.5-1.6%207.4s1%205.7%201.7%207.3C26.3%2041%2042.2%2059%2042.2%2059z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M12.7%2024.6c-1.5.2-3%20.3-4.3.5c-.6%201.2-1.7%204-1.7%206.9s1.2%205.7%201.7%206.9c1.4.1%202.8.3%204.3.5C12%2037.6%2011%2034.8%2011%2032c0-2.9.9-5.7%201.7-7.4%22%2F%3E%3Cellipse%20cx%3D%2243.9%22%20cy%3D%2231.9%22%20fill%3D%22%23aa1d39%22%20rx%3D%226.3%22%20ry%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%235b0617%22%20d%3D%22M43.9%2059.9c-3.5%200-6.3-12.5-6.3-28c5.3-4%2012.4%204.9%2012.4%204.9c-11%206-6.1%2023.1-6.1%2023.1%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M37.8%2024.4s-.2%202.6-.2%207.5s.2%207.5.2%207.5l12.3-2.6v-9.7z%22%2F%3E%3Cpath%20fill%3D%22%234b4d4f%22%20d%3D%22M37.7%2026.8s-.1%201.8-.1%205.1c0%203.4.1%205.1.1%205.1l12.5-1.8v-6.6z%22%2F%3E%3Cellipse%20cx%3D%2250.2%22%20cy%3D%2231.9%22%20fill%3D%22%23ed4c5c%22%20rx%3D%221.6%22%20ry%3D%224.9%22%2F%3E%3Cpath%20fill%3D%22%23898a90%22%20d%3D%22M10.1%2028.2h8.1v24.2h-8.1z%22%2F%3E%3Cellipse%20cx%3D%2214.2%22%20cy%3D%2232.5%22%20fill%3D%22%23fff%22%20rx%3D%221.7%22%20ry%3D%222%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%2342ade2%22%20d%3D%22M54.2%2015.2c2.2%205.4%202.8%2011.2%202.9%2016.8c-.1%205.6-.7%2011.4-2.9%2016.8c-.5-5.6-.2-11.3-.2-16.9c0-5.5-.2-11.2.2-16.7m4.2-8.4C61.1%2015%2061.9%2023.5%2062%2032c-.1%208.4-.9%2016.9-3.6%2025.2c0-8.2.5-16.5.5-24.7c.1-8.6-.4-17.2-.5-25.7%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M18.2%2052.4h-8.1l14.5-13.6h8.1z%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M8.3%2025.1c-1.6.1-3%20.2-4.3.2c0%200-2.1%203.2-2.1%206.6S4%2038.5%204%2038.5c1.2%200%202.7.1%204.3.2c-.6-1.2-1.7-4-1.7-6.9c0-2.7%201.1-5.5%201.7-6.7%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M42.2%204.9s-16%2018-29.6%2019.7c-.7%201.7-1.6%204.5-1.6%207.4s1%205.7%201.7%207.3C26.3%2041%2042.2%2059%2042.2%2059z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M12.7%2024.6c-1.5.2-3%20.3-4.3.5c-.6%201.2-1.7%204-1.7%206.9s1.2%205.7%201.7%206.9c1.4.1%202.8.3%204.3.5C12%2037.6%2011%2034.8%2011%2032c0-2.9.9-5.7%201.7-7.4%22%2F%3E%3Cellipse%20cx%3D%2243.9%22%20cy%3D%2231.9%22%20fill%3D%22%23aa1d39%22%20rx%3D%226.3%22%20ry%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%235b0617%22%20d%3D%22M43.9%2059.9c-3.5%200-6.3-12.5-6.3-28c5.3-4%2012.4%204.9%2012.4%204.9c-11%206-6.1%2023.1-6.1%2023.1%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M37.8%2024.4s-.2%202.6-.2%207.5s.2%207.5.2%207.5l12.3-2.6v-9.7z%22%2F%3E%3Cpath%20fill%3D%22%234b4d4f%22%20d%3D%22M37.7%2026.8s-.1%201.8-.1%205.1c0%203.4.1%205.1.1%205.1l12.5-1.8v-6.6z%22%2F%3E%3Cellipse%20cx%3D%2250.2%22%20cy%3D%2231.9%22%20fill%3D%22%23ed4c5c%22%20rx%3D%221.6%22%20ry%3D%224.9%22%2F%3E%3Cpath%20fill%3D%22%23898a90%22%20d%3D%22M10.1%2028.2h8.1v24.2h-8.1z%22%2F%3E%3Cellipse%20cx%3D%2214.2%22%20cy%3D%2232.5%22%20fill%3D%22%23fff%22%20rx%3D%221.7%22%20ry%3D%222%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/loudspeaker.svg?color=%231a73e8&size=48
