broadcast icon
broadcast from Material Design Icons by Pictogrammers · Filled · Weather · Apache-2.0 Free for personal and commercial use.
- Name
- broadcast
- Set
- Material Design Icons
- Style
- Filled
- Category
- Weather
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More weather icons from Material Design Icons
broadcast-offflashmoon-first-quartermoon-fullmoon-last-quartermoon-newmoon-waning-crescentmoon-waning-gibbousmoon-waxing-crescentmoon-waxing-gibbousshield-sunsnowflake-checksnowflake-meltsnowflake-offsun-angletemperature-celsiustemperature-fahrenheittemperature-kelvintheme-light-darkumbrellaumbrella-beachumbrella-closedumbrella-closed-variantweather-lightning-rainy
Use the broadcast icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m6 2c0-3.3-2.7-6-6-6s-6 2.7-6 6c0 2.2 1.2 4.1 3 5.2l1-1.7c-1.2-.7-2-2-2-3.4c0-2.2 1.8-4 4-4s4 1.8 4 4c0 1.5-.8 2.8-2 3.4l1 1.7c1.8-1 3-3 3-5.2M12 2C6.5 2 2 6.5 2 12c0 3.7 2 6.9 5 8.6l1-1.7c-2.4-1.4-4-4-4-6.9c0-4.4 3.6-8 8-8s8 3.6 8 8c0 3-1.6 5.5-4 6.9l1 1.7c3-1.7 5-4.9 5-8.6c0-5.5-4.5-10-10-10"/></svg>
React
import type { SVGProps } from "react";
export function MdiBroadcast(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m6 2c0-3.3-2.7-6-6-6s-6 2.7-6 6c0 2.2 1.2 4.1 3 5.2l1-1.7c-1.2-.7-2-2-2-3.4c0-2.2 1.8-4 4-4s4 1.8 4 4c0 1.5-.8 2.8-2 3.4l1 1.7c1.8-1 3-3 3-5.2M12 2C6.5 2 2 6.5 2 12c0 3.7 2 6.9 5 8.6l1-1.7c-2.4-1.4-4-4-4-6.9c0-4.4 3.6-8 8-8s8 3.6 8 8c0 3-1.6 5.5-4 6.9l1 1.7c3-1.7 5-4.9 5-8.6c0-5.5-4.5-10-10-10"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m6 2c0-3.3-2.7-6-6-6s-6 2.7-6 6c0 2.2 1.2 4.1 3 5.2l1-1.7c-1.2-.7-2-2-2-3.4c0-2.2 1.8-4 4-4s4 1.8 4 4c0 1.5-.8 2.8-2 3.4l1 1.7c1.8-1 3-3 3-5.2M12 2C6.5 2 2 6.5 2 12c0 3.7 2 6.9 5 8.6l1-1.7c-2.4-1.4-4-4-4-6.9c0-4.4 3.6-8 8-8s8 3.6 8 8c0 3-1.6 5.5-4 6.9l1 1.7c3-1.7 5-4.9 5-8.6c0-5.5-4.5-10-10-10"/></svg> </template>
CSS
.icon-broadcast {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2010c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2m6%202c0-3.3-2.7-6-6-6s-6%202.7-6%206c0%202.2%201.2%204.1%203%205.2l1-1.7c-1.2-.7-2-2-2-3.4c0-2.2%201.8-4%204-4s4%201.8%204%204c0%201.5-.8%202.8-2%203.4l1%201.7c1.8-1%203-3%203-5.2M12%202C6.5%202%202%206.5%202%2012c0%203.7%202%206.9%205%208.6l1-1.7c-2.4-1.4-4-4-4-6.9c0-4.4%203.6-8%208-8s8%203.6%208%208c0%203-1.6%205.5-4%206.9l1%201.7c3-1.7%205-4.9%205-8.6c0-5.5-4.5-10-10-10%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2010c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2m6%202c0-3.3-2.7-6-6-6s-6%202.7-6%206c0%202.2%201.2%204.1%203%205.2l1-1.7c-1.2-.7-2-2-2-3.4c0-2.2%201.8-4%204-4s4%201.8%204%204c0%201.5-.8%202.8-2%203.4l1%201.7c1.8-1%203-3%203-5.2M12%202C6.5%202%202%206.5%202%2012c0%203.7%202%206.9%205%208.6l1-1.7c-2.4-1.4-4-4-4-6.9c0-4.4%203.6-8%208-8s8%203.6%208%208c0%203-1.6%205.5-4%206.9l1%201.7c3-1.7%205-4.9%205-8.6c0-5.5-4.5-10-10-10%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/broadcast.svg?color=%231a73e8&size=48
