# broadcast-off icon Broadcast off. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/broadcast-off - Category: Communication - Use it for: broadcast off, stop broadcast, end broadcast, end live stream - Example: End live broadcast - Built from: broadcast + slash - Tags: broadcast, live, on-air, signal, transmit, stream, waves, radio, slash - Family: broadcast - Component name: BroadcastOffIcon - Added: 2026-10-15 ## Alternatives - `video-x`: end a video call or meeting (end-video-call) ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/broadcast-off.svg · PNG https://gentleface.com/png/line-round/16/broadcast-off.png · https://gentleface.com/png/line-round/32/broadcast-off.png · https://gentleface.com/png/line-round/48/broadcast-off.png - line-soft: https://gentleface.com/svg/line-soft/16/broadcast-off.svg · PNG https://gentleface.com/png/line-soft/16/broadcast-off.png · https://gentleface.com/png/line-soft/32/broadcast-off.png · https://gentleface.com/png/line-soft/48/broadcast-off.png - line-sharp: https://gentleface.com/svg/line-sharp/16/broadcast-off.svg · PNG https://gentleface.com/png/line-sharp/16/broadcast-off.png · https://gentleface.com/png/line-sharp/32/broadcast-off.png · https://gentleface.com/png/line-sharp/48/broadcast-off.png - solid-round: https://gentleface.com/svg/solid-round/16/broadcast-off.svg · PNG https://gentleface.com/png/solid-round/16/broadcast-off.png · https://gentleface.com/png/solid-round/32/broadcast-off.png · https://gentleface.com/png/solid-round/48/broadcast-off.png - solid-soft: https://gentleface.com/svg/solid-soft/16/broadcast-off.svg · PNG https://gentleface.com/png/solid-soft/16/broadcast-off.png · https://gentleface.com/png/solid-soft/32/broadcast-off.png · https://gentleface.com/png/solid-soft/48/broadcast-off.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/broadcast-off.svg · PNG https://gentleface.com/png/solid-sharp/16/broadcast-off.png · https://gentleface.com/png/solid-sharp/32/broadcast-off.png · https://gentleface.com/png/solid-sharp/48/broadcast-off.png The SVG of every style: https://gentleface.com/icons/broadcast-off.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "broadcast-off" (line-round), MIT. https://gentleface.com/icons/broadcast-off import type { SVGProps } from 'react'; export function BroadcastOffIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "broadcast-off" (line-round), MIT. https://gentleface.com/icons/broadcast-off. Takes the text color. */ .icon-broadcast-off { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L5.554 6.262C5.434 6.431 5.331 6.614 5.247 6.808C5.082 7.189 5 7.586 5 8C5 8.414 5.082 8.811 5.247 9.192C5.398 9.542 5.609 9.852 5.879 10.121C5.978 10.221 6.028 10.339 6.028 10.475C6.028 10.611 5.978 10.729 5.879 10.828C5.781 10.926 5.663 10.975 5.525 10.975C5.387 10.975 5.269 10.926 5.172 10.828C4.812 10.469 4.531 10.056 4.329 9.589C4.11 9.082 4 8.552 4 8C4 7.448 4.11 6.918 4.329 6.411C4.464 6.099 4.634 5.811 4.84 5.547L3.418 4.125C3.038 4.574 2.73 5.071 2.494 5.617C2.165 6.377 2 7.172 2 8C2 8.828 2.165 9.623 2.494 10.383C2.797 11.083 3.218 11.703 3.757 12.243C3.855 12.34 3.904 12.458 3.904 12.596C3.904 12.734 3.855 12.852 3.757 12.95C3.658 13.049 3.54 13.099 3.404 13.099C3.268 13.099 3.15 13.049 3.05 12.95C2.421 12.32 1.929 11.597 1.576 10.78C1.192 9.893 1 8.966 1 8C1 7.034 1.192 6.107 1.576 5.22C1.863 4.557 2.24 3.956 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM13.306 11.306C13.287 11.273 13.271 11.237 13.259 11.198C13.219 11.067 13.232 10.94 13.298 10.816C13.592 10.263 13.794 9.68 13.905 9.064C14.022 8.415 14.032 7.765 13.934 7.113C13.836 6.46 13.637 5.841 13.335 5.255C13.049 4.699 12.685 4.2 12.243 3.757C12.145 3.66 12.096 3.542 12.096 3.404C12.096 3.266 12.145 3.148 12.243 3.05C12.342 2.951 12.46 2.901 12.596 2.901C12.732 2.901 12.85 2.951 12.95 3.05C13.466 3.566 13.891 4.149 14.224 4.797C14.576 5.481 14.809 6.204 14.923 6.965C15.037 7.725 15.025 8.484 14.889 9.241C14.76 9.96 14.524 10.641 14.181 11.285C14.115 11.409 14.017 11.492 13.887 11.531C13.757 11.571 13.63 11.558 13.505 11.492C13.495 11.486 13.484 11.48 13.474 11.474L13.306 11.306ZM10.953 8.953C10.913 8.859 10.905 8.758 10.929 8.649C11.04 8.149 11.024 7.653 10.88 7.161C10.737 6.668 10.484 6.241 10.121 5.879C10.022 5.779 9.972 5.661 9.972 5.525C9.972 5.389 10.022 5.271 10.121 5.172C10.219 5.074 10.337 5.025 10.475 5.025C10.613 5.025 10.731 5.074 10.828 5.172C11.312 5.655 11.649 6.225 11.84 6.881C12.031 7.537 12.053 8.199 11.905 8.866C11.875 9.004 11.802 9.109 11.687 9.182C11.573 9.255 11.446 9.276 11.309 9.246C11.277 9.239 11.246 9.229 11.218 9.218L10.953 8.953Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L5.554 6.262C5.434 6.431 5.331 6.614 5.247 6.808C5.082 7.189 5 7.586 5 8C5 8.414 5.082 8.811 5.247 9.192C5.398 9.542 5.609 9.852 5.879 10.121C5.978 10.221 6.028 10.339 6.028 10.475C6.028 10.611 5.978 10.729 5.879 10.828C5.781 10.926 5.663 10.975 5.525 10.975C5.387 10.975 5.269 10.926 5.172 10.828C4.812 10.469 4.531 10.056 4.329 9.589C4.11 9.082 4 8.552 4 8C4 7.448 4.11 6.918 4.329 6.411C4.464 6.099 4.634 5.811 4.84 5.547L3.418 4.125C3.038 4.574 2.73 5.071 2.494 5.617C2.165 6.377 2 7.172 2 8C2 8.828 2.165 9.623 2.494 10.383C2.797 11.083 3.218 11.703 3.757 12.243C3.855 12.34 3.904 12.458 3.904 12.596C3.904 12.734 3.855 12.852 3.757 12.95C3.658 13.049 3.54 13.099 3.404 13.099C3.268 13.099 3.15 13.049 3.05 12.95C2.421 12.32 1.929 11.597 1.576 10.78C1.192 9.893 1 8.966 1 8C1 7.034 1.192 6.107 1.576 5.22C1.863 4.557 2.24 3.956 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM13.306 11.306C13.287 11.273 13.271 11.237 13.259 11.198C13.219 11.067 13.232 10.94 13.298 10.816C13.592 10.263 13.794 9.68 13.905 9.064C14.022 8.415 14.032 7.765 13.934 7.113C13.836 6.46 13.637 5.841 13.335 5.255C13.049 4.699 12.685 4.2 12.243 3.757C12.145 3.66 12.096 3.542 12.096 3.404C12.096 3.266 12.145 3.148 12.243 3.05C12.342 2.951 12.46 2.901 12.596 2.901C12.732 2.901 12.85 2.951 12.95 3.05C13.466 3.566 13.891 4.149 14.224 4.797C14.576 5.481 14.809 6.204 14.923 6.965C15.037 7.725 15.025 8.484 14.889 9.241C14.76 9.96 14.524 10.641 14.181 11.285C14.115 11.409 14.017 11.492 13.887 11.531C13.757 11.571 13.63 11.558 13.505 11.492C13.495 11.486 13.484 11.48 13.474 11.474L13.306 11.306ZM10.953 8.953C10.913 8.859 10.905 8.758 10.929 8.649C11.04 8.149 11.024 7.653 10.88 7.161C10.737 6.668 10.484 6.241 10.121 5.879C10.022 5.779 9.972 5.661 9.972 5.525C9.972 5.389 10.022 5.271 10.121 5.172C10.219 5.074 10.337 5.025 10.475 5.025C10.613 5.025 10.731 5.074 10.828 5.172C11.312 5.655 11.649 6.225 11.84 6.881C12.031 7.537 12.053 8.199 11.905 8.866C11.875 9.004 11.802 9.109 11.687 9.182C11.573 9.255 11.446 9.276 11.309 9.246C11.277 9.239 11.246 9.229 11.218 9.218L10.953 8.953Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L5.554 6.262C5.434 6.431 5.331 6.614 5.247 6.808C5.082 7.189 5 7.586 5 8C5 8.414 5.082 8.811 5.247 9.192C5.398 9.542 5.609 9.852 5.879 10.121C5.978 10.221 6.028 10.339 6.028 10.475C6.028 10.611 5.978 10.729 5.879 10.828C5.781 10.926 5.663 10.975 5.525 10.975C5.387 10.975 5.269 10.926 5.172 10.828C4.812 10.469 4.531 10.056 4.329 9.589C4.11 9.082 4 8.552 4 8C4 7.448 4.11 6.918 4.329 6.411C4.464 6.099 4.634 5.811 4.84 5.547L3.418 4.125C3.038 4.574 2.73 5.071 2.494 5.617C2.165 6.377 2 7.172 2 8C2 8.828 2.165 9.623 2.494 10.383C2.797 11.083 3.218 11.703 3.757 12.243C3.855 12.34 3.904 12.458 3.904 12.596C3.904 12.734 3.855 12.852 3.757 12.95C3.658 13.049 3.54 13.099 3.404 13.099C3.268 13.099 3.15 13.049 3.05 12.95C2.421 12.32 1.929 11.597 1.576 10.78C1.192 9.893 1 8.966 1 8C1 7.034 1.192 6.107 1.576 5.22C1.863 4.557 2.24 3.956 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM13.306 11.306C13.287 11.273 13.271 11.237 13.259 11.198C13.219 11.067 13.232 10.94 13.298 10.816C13.592 10.263 13.794 9.68 13.905 9.064C14.022 8.415 14.032 7.765 13.934 7.113C13.836 6.46 13.637 5.841 13.335 5.255C13.049 4.699 12.685 4.2 12.243 3.757C12.145 3.66 12.096 3.542 12.096 3.404C12.096 3.266 12.145 3.148 12.243 3.05C12.342 2.951 12.46 2.901 12.596 2.901C12.732 2.901 12.85 2.951 12.95 3.05C13.466 3.566 13.891 4.149 14.224 4.797C14.576 5.481 14.809 6.204 14.923 6.965C15.037 7.725 15.025 8.484 14.889 9.241C14.76 9.96 14.524 10.641 14.181 11.285C14.115 11.409 14.017 11.492 13.887 11.531C13.757 11.571 13.63 11.558 13.505 11.492C13.495 11.486 13.484 11.48 13.474 11.474L13.306 11.306ZM10.953 8.953C10.913 8.859 10.905 8.758 10.929 8.649C11.04 8.149 11.024 7.653 10.88 7.161C10.737 6.668 10.484 6.241 10.121 5.879C10.022 5.779 9.972 5.661 9.972 5.525C9.972 5.389 10.022 5.271 10.121 5.172C10.219 5.074 10.337 5.025 10.475 5.025C10.613 5.025 10.731 5.074 10.828 5.172C11.312 5.655 11.649 6.225 11.84 6.881C12.031 7.537 12.053 8.199 11.905 8.866C11.875 9.004 11.802 9.109 11.687 9.182C11.573 9.255 11.446 9.276 11.309 9.246C11.277 9.239 11.246 9.229 11.218 9.218L10.953 8.953Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "broadcast-off" (line-round), MIT. https://gentleface.com/icons/broadcast-off import SwiftUI struct BroadcastOffIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 15.003, y: 14.5)) p.addCurve(to: CGPoint(x: 14.854, y: 14.854), control1: CGPoint(x: 15.003, y: 14.636), control2: CGPoint(x: 14.953, y: 14.754)) p.addCurve(to: CGPoint(x: 14.5, y: 15.003), control1: CGPoint(x: 14.754, y: 14.953), control2: CGPoint(x: 14.636, y: 15.003)) p.addCurve(to: CGPoint(x: 14.146, y: 14.854), control1: CGPoint(x: 14.364, y: 15.003), control2: CGPoint(x: 14.246, y: 14.953)) p.addLine(to: CGPoint(x: 5.554, y: 6.262)) p.addCurve(to: CGPoint(x: 5.247, y: 6.808), control1: CGPoint(x: 5.434, y: 6.431), control2: CGPoint(x: 5.331, y: 6.614)) p.addCurve(to: CGPoint(x: 5, y: 8), control1: CGPoint(x: 5.082, y: 7.189), control2: CGPoint(x: 5, y: 7.586)) p.addCurve(to: CGPoint(x: 5.247, y: 9.192), control1: CGPoint(x: 5, y: 8.414), control2: CGPoint(x: 5.082, y: 8.811)) p.addCurve(to: CGPoint(x: 5.879, y: 10.121), control1: CGPoint(x: 5.398, y: 9.542), control2: CGPoint(x: 5.609, y: 9.852)) p.addCurve(to: CGPoint(x: 6.028, y: 10.475), control1: CGPoint(x: 5.978, y: 10.221), control2: CGPoint(x: 6.028, y: 10.339)) p.addCurve(to: CGPoint(x: 5.879, y: 10.828), control1: CGPoint(x: 6.028, y: 10.611), control2: CGPoint(x: 5.978, y: 10.729)) p.addCurve(to: CGPoint(x: 5.525, y: 10.975), control1: CGPoint(x: 5.781, y: 10.926), control2: CGPoint(x: 5.663, y: 10.975)) p.addCurve(to: CGPoint(x: 5.172, y: 10.828), control1: CGPoint(x: 5.387, y: 10.975), control2: CGPoint(x: 5.269, y: 10.926)) p.addCurve(to: CGPoint(x: 4.329, y: 9.589), control1: CGPoint(x: 4.812, y: 10.469), control2: CGPoint(x: 4.531, y: 10.056)) p.addCurve(to: CGPoint(x: 4, y: 8), control1: CGPoint(x: 4.11, y: 9.082), control2: CGPoint(x: 4, y: 8.552)) p.addCurve(to: CGPoint(x: 4.329, y: 6.411), control1: CGPoint(x: 4, y: 7.448), control2: CGPoint(x: 4.11, y: 6.918)) p.addCurve(to: CGPoint(x: 4.84, y: 5.547), control1: CGPoint(x: 4.464, y: 6.099), control2: CGPoint(x: 4.634, y: 5.811)) p.addLine(to: CGPoint(x: 3.418, y: 4.125)) p.addCurve(to: CGPoint(x: 2.494, y: 5.617), control1: CGPoint(x: 3.038, y: 4.574), control2: CGPoint(x: 2.73, y: 5.071)) p.addCurve(to: CGPoint(x: 2, y: 8), control1: CGPoint(x: 2.165, y: 6.377), control2: CGPoint(x: 2, y: 7.172)) p.addCurve(to: CGPoint(x: 2.494, y: 10.383), control1: CGPoint(x: 2, y: 8.828), control2: CGPoint(x: 2.165, y: 9.623)) p.addCurve(to: CGPoint(x: 3.757, y: 12.243), control1: CGPoint(x: 2.797, y: 11.083), control2: CGPoint(x: 3.218, y: 11.703)) p.addCurve(to: CGPoint(x: 3.904, y: 12.596), control1: CGPoint(x: 3.855, y: 12.34), control2: CGPoint(x: 3.904, y: 12.458)) p.addCurve(to: CGPoint(x: 3.757, y: 12.95), control1: CGPoint(x: 3.904, y: 12.734), control2: CGPoint(x: 3.855, y: 12.852)) p.addCurve(to: CGPoint(x: 3.404, y: 13.099), control1: CGPoint(x: 3.658, y: 13.049), control2: CGPoint(x: 3.54, y: 13.099)) p.addCurve(to: CGPoint(x: 3.05, y: 12.95), control1: CGPoint(x: 3.268, y: 13.099), control2: CGPoint(x: 3.15, y: 13.049)) p.addCurve(to: CGPoint(x: 1.576, y: 10.78), control1: CGPoint(x: 2.421, y: 12.32), control2: CGPoint(x: 1.929, y: 11.597)) p.addCurve(to: CGPoint(x: 1, y: 8), control1: CGPoint(x: 1.192, y: 9.893), control2: CGPoint(x: 1, y: 8.966)) p.addCurve(to: CGPoint(x: 1.576, y: 5.22), control1: CGPoint(x: 1, y: 7.034), control2: CGPoint(x: 1.192, y: 6.107)) p.addCurve(to: CGPoint(x: 2.709, y: 3.416), control1: CGPoint(x: 1.863, y: 4.557), control2: CGPoint(x: 2.24, y: 3.956)) p.addLine(to: CGPoint(x: 1.146, y: 1.854)) p.addCurve(to: CGPoint(x: 0.997, y: 1.5), control1: CGPoint(x: 1.047, y: 1.754), control2: CGPoint(x: 0.997, y: 1.636)) p.addCurve(to: CGPoint(x: 1.146, y: 1.146), control1: CGPoint(x: 0.997, y: 1.364), control2: CGPoint(x: 1.047, y: 1.246)) p.addCurve(to: CGPoint(x: 1.5, y: 0.997), control1: CGPoint(x: 1.246, y: 1.047), control2: CGPoint(x: 1.364, y: 0.997)) p.addCurve(to: CGPoint(x: 1.854, y: 1.146), control1: CGPoint(x: 1.636, y: 0.997), control2: CGPoint(x: 1.754, y: 1.047)) p.addLine(to: CGPoint(x: 14.854, y: 14.146)) p.addCurve(to: CGPoint(x: 15.003, y: 14.5), control1: CGPoint(x: 14.953, y: 14.246), control2: CGPoint(x: 15.003, y: 14.364)) p.closeSubpath() p.move(to: CGPoint(x: 13.306, y: 11.306)) p.addCurve(to: CGPoint(x: 13.259, y: 11.198), control1: CGPoint(x: 13.287, y: 11.273), control2: CGPoint(x: 13.271, y: 11.237)) p.addCurve(to: CGPoint(x: 13.298, y: 10.816), control1: CGPoint(x: 13.219, y: 11.067), control2: CGPoint(x: 13.232, y: 10.94)) p.addCurve(to: CGPoint(x: 13.905, y: 9.064), control1: CGPoint(x: 13.592, y: 10.263), control2: CGPoint(x: 13.794, y: 9.68)) p.addCurve(to: CGPoint(x: 13.934, y: 7.113), control1: CGPoint(x: 14.022, y: 8.415), control2: CGPoint(x: 14.032, y: 7.765)) p.addCurve(to: CGPoint(x: 13.335, y: 5.255), control1: CGPoint(x: 13.836, y: 6.46), control2: CGPoint(x: 13.637, y: 5.841)) p.addCurve(to: CGPoint(x: 12.243, y: 3.757), control1: CGPoint(x: 13.049, y: 4.699), control2: CGPoint(x: 12.685, y: 4.2)) p.addCurve(to: CGPoint(x: 12.096, y: 3.404), control1: CGPoint(x: 12.145, y: 3.66), control2: CGPoint(x: 12.096, y: 3.542)) p.addCurve(to: CGPoint(x: 12.243, y: 3.05), control1: CGPoint(x: 12.096, y: 3.266), control2: CGPoint(x: 12.145, y: 3.148)) p.addCurve(to: CGPoint(x: 12.596, y: 2.901), control1: CGPoint(x: 12.342, y: 2.951), control2: CGPoint(x: 12.46, y: 2.901)) p.addCurve(to: CGPoint(x: 12.95, y: 3.05), control1: CGPoint(x: 12.732, y: 2.901), control2: CGPoint(x: 12.85, y: 2.951)) p.addCurve(to: CGPoint(x: 14.224, y: 4.797), control1: CGPoint(x: 13.466, y: 3.566), control2: CGPoint(x: 13.891, y: 4.149)) p.addCurve(to: CGPoint(x: 14.923, y: 6.965), control1: CGPoint(x: 14.576, y: 5.481), control2: CGPoint(x: 14.809, y: 6.204)) p.addCurve(to: CGPoint(x: 14.889, y: 9.241), control1: CGPoint(x: 15.037, y: 7.725), control2: CGPoint(x: 15.025, y: 8.484)) p.addCurve(to: CGPoint(x: 14.181, y: 11.285), control1: CGPoint(x: 14.76, y: 9.96), control2: CGPoint(x: 14.524, y: 10.641)) p.addCurve(to: CGPoint(x: 13.887, y: 11.531), control1: CGPoint(x: 14.115, y: 11.409), control2: CGPoint(x: 14.017, y: 11.492)) p.addCurve(to: CGPoint(x: 13.505, y: 11.492), control1: CGPoint(x: 13.757, y: 11.571), control2: CGPoint(x: 13.63, y: 11.558)) p.addCurve(to: CGPoint(x: 13.474, y: 11.474), control1: CGPoint(x: 13.495, y: 11.486), control2: CGPoint(x: 13.484, y: 11.48)) p.addLine(to: CGPoint(x: 13.306, y: 11.306)) p.closeSubpath() p.move(to: CGPoint(x: 10.953, y: 8.953)) p.addCurve(to: CGPoint(x: 10.929, y: 8.649), control1: CGPoint(x: 10.913, y: 8.859), control2: CGPoint(x: 10.905, y: 8.758)) p.addCurve(to: CGPoint(x: 10.88, y: 7.161), control1: CGPoint(x: 11.04, y: 8.149), control2: CGPoint(x: 11.024, y: 7.653)) p.addCurve(to: CGPoint(x: 10.121, y: 5.879), control1: CGPoint(x: 10.737, y: 6.668), control2: CGPoint(x: 10.484, y: 6.241)) p.addCurve(to: CGPoint(x: 9.972, y: 5.525), control1: CGPoint(x: 10.022, y: 5.779), control2: CGPoint(x: 9.972, y: 5.661)) p.addCurve(to: CGPoint(x: 10.121, y: 5.172), control1: CGPoint(x: 9.972, y: 5.389), control2: CGPoint(x: 10.022, y: 5.271)) p.addCurve(to: CGPoint(x: 10.475, y: 5.025), control1: CGPoint(x: 10.219, y: 5.074), control2: CGPoint(x: 10.337, y: 5.025)) p.addCurve(to: CGPoint(x: 10.828, y: 5.172), control1: CGPoint(x: 10.613, y: 5.025), control2: CGPoint(x: 10.731, y: 5.074)) p.addCurve(to: CGPoint(x: 11.84, y: 6.881), control1: CGPoint(x: 11.312, y: 5.655), control2: CGPoint(x: 11.649, y: 6.225)) p.addCurve(to: CGPoint(x: 11.905, y: 8.866), control1: CGPoint(x: 12.031, y: 7.537), control2: CGPoint(x: 12.053, y: 8.199)) p.addCurve(to: CGPoint(x: 11.687, y: 9.182), control1: CGPoint(x: 11.875, y: 9.004), control2: CGPoint(x: 11.802, y: 9.109)) p.addCurve(to: CGPoint(x: 11.309, y: 9.246), control1: CGPoint(x: 11.573, y: 9.255), control2: CGPoint(x: 11.446, y: 9.276)) p.addCurve(to: CGPoint(x: 11.218, y: 9.218), control1: CGPoint(x: 11.277, y: 9.239), control2: CGPoint(x: 11.246, y: 9.229)) p.addLine(to: CGPoint(x: 10.953, y: 8.953)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // BroadcastOffIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "broadcast-off" (line-round), MIT. https://gentleface.com/icons/broadcast-off import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val BroadcastOffIcon: ImageVector by lazy { ImageVector.Builder( name = "broadcast-off", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L5.554 6.262C5.434 6.431 5.331 6.614 5.247 6.808C5.082 7.189 5 7.586 5 8C5 8.414 5.082 8.811 5.247 9.192C5.398 9.542 5.609 9.852 5.879 10.121C5.978 10.221 6.028 10.339 6.028 10.475C6.028 10.611 5.978 10.729 5.879 10.828C5.781 10.926 5.663 10.975 5.525 10.975C5.387 10.975 5.269 10.926 5.172 10.828C4.812 10.469 4.531 10.056 4.329 9.589C4.11 9.082 4 8.552 4 8C4 7.448 4.11 6.918 4.329 6.411C4.464 6.099 4.634 5.811 4.84 5.547L3.418 4.125C3.038 4.574 2.73 5.071 2.494 5.617C2.165 6.377 2 7.172 2 8C2 8.828 2.165 9.623 2.494 10.383C2.797 11.083 3.218 11.703 3.757 12.243C3.855 12.34 3.904 12.458 3.904 12.596C3.904 12.734 3.855 12.852 3.757 12.95C3.658 13.049 3.54 13.099 3.404 13.099C3.268 13.099 3.15 13.049 3.05 12.95C2.421 12.32 1.929 11.597 1.576 10.78C1.192 9.893 1 8.966 1 8C1 7.034 1.192 6.107 1.576 5.22C1.863 4.557 2.24 3.956 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM13.306 11.306C13.287 11.273 13.271 11.237 13.259 11.198C13.219 11.067 13.232 10.94 13.298 10.816C13.592 10.263 13.794 9.68 13.905 9.064C14.022 8.415 14.032 7.765 13.934 7.113C13.836 6.46 13.637 5.841 13.335 5.255C13.049 4.699 12.685 4.2 12.243 3.757C12.145 3.66 12.096 3.542 12.096 3.404C12.096 3.266 12.145 3.148 12.243 3.05C12.342 2.951 12.46 2.901 12.596 2.901C12.732 2.901 12.85 2.951 12.95 3.05C13.466 3.566 13.891 4.149 14.224 4.797C14.576 5.481 14.809 6.204 14.923 6.965C15.037 7.725 15.025 8.484 14.889 9.241C14.76 9.96 14.524 10.641 14.181 11.285C14.115 11.409 14.017 11.492 13.887 11.531C13.757 11.571 13.63 11.558 13.505 11.492C13.495 11.486 13.484 11.48 13.474 11.474L13.306 11.306ZM10.953 8.953C10.913 8.859 10.905 8.758 10.929 8.649C11.04 8.149 11.024 7.653 10.88 7.161C10.737 6.668 10.484 6.241 10.121 5.879C10.022 5.779 9.972 5.661 9.972 5.525C9.972 5.389 10.022 5.271 10.121 5.172C10.219 5.074 10.337 5.025 10.475 5.025C10.613 5.025 10.731 5.074 10.828 5.172C11.312 5.655 11.649 6.225 11.84 6.881C12.031 7.537 12.053 8.199 11.905 8.866C11.875 9.004 11.802 9.109 11.687 9.182C11.573 9.255 11.446 9.276 11.309 9.246C11.277 9.239 11.246 9.229 11.218 9.218L10.953 8.953Z"), fill = SolidColor(Color.Black), ).build() } // Icon(BroadcastOffIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "broadcast-off" (line-round), MIT. https://gentleface.com/icons/broadcast-off import 'package:flutter/widgets.dart'; class BroadcastOffIcon extends StatelessWidget { const BroadcastOffIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _BroadcastOffIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _BroadcastOffIconPainter extends CustomPainter { _BroadcastOffIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(15.003, 14.5) ..cubicTo(15.003, 14.636, 14.953, 14.754, 14.854, 14.854) ..cubicTo(14.754, 14.953, 14.636, 15.003, 14.5, 15.003) ..cubicTo(14.364, 15.003, 14.246, 14.953, 14.146, 14.854) ..lineTo(5.554, 6.262) ..cubicTo(5.434, 6.431, 5.331, 6.614, 5.247, 6.808) ..cubicTo(5.082, 7.189, 5, 7.586, 5, 8) ..cubicTo(5, 8.414, 5.082, 8.811, 5.247, 9.192) ..cubicTo(5.398, 9.542, 5.609, 9.852, 5.879, 10.121) ..cubicTo(5.978, 10.221, 6.028, 10.339, 6.028, 10.475) ..cubicTo(6.028, 10.611, 5.978, 10.729, 5.879, 10.828) ..cubicTo(5.781, 10.926, 5.663, 10.975, 5.525, 10.975) ..cubicTo(5.387, 10.975, 5.269, 10.926, 5.172, 10.828) ..cubicTo(4.812, 10.469, 4.531, 10.056, 4.329, 9.589) ..cubicTo(4.11, 9.082, 4, 8.552, 4, 8) ..cubicTo(4, 7.448, 4.11, 6.918, 4.329, 6.411) ..cubicTo(4.464, 6.099, 4.634, 5.811, 4.84, 5.547) ..lineTo(3.418, 4.125) ..cubicTo(3.038, 4.574, 2.73, 5.071, 2.494, 5.617) ..cubicTo(2.165, 6.377, 2, 7.172, 2, 8) ..cubicTo(2, 8.828, 2.165, 9.623, 2.494, 10.383) ..cubicTo(2.797, 11.083, 3.218, 11.703, 3.757, 12.243) ..cubicTo(3.855, 12.34, 3.904, 12.458, 3.904, 12.596) ..cubicTo(3.904, 12.734, 3.855, 12.852, 3.757, 12.95) ..cubicTo(3.658, 13.049, 3.54, 13.099, 3.404, 13.099) ..cubicTo(3.268, 13.099, 3.15, 13.049, 3.05, 12.95) ..cubicTo(2.421, 12.32, 1.929, 11.597, 1.576, 10.78) ..cubicTo(1.192, 9.893, 1, 8.966, 1, 8) ..cubicTo(1, 7.034, 1.192, 6.107, 1.576, 5.22) ..cubicTo(1.863, 4.557, 2.24, 3.956, 2.709, 3.416) ..lineTo(1.146, 1.854) ..cubicTo(1.047, 1.754, 0.997, 1.636, 0.997, 1.5) ..cubicTo(0.997, 1.364, 1.047, 1.246, 1.146, 1.146) ..cubicTo(1.246, 1.047, 1.364, 0.997, 1.5, 0.997) ..cubicTo(1.636, 0.997, 1.754, 1.047, 1.854, 1.146) ..lineTo(14.854, 14.146) ..cubicTo(14.953, 14.246, 15.003, 14.364, 15.003, 14.5) ..close() ..moveTo(13.306, 11.306) ..cubicTo(13.287, 11.273, 13.271, 11.237, 13.259, 11.198) ..cubicTo(13.219, 11.067, 13.232, 10.94, 13.298, 10.816) ..cubicTo(13.592, 10.263, 13.794, 9.68, 13.905, 9.064) ..cubicTo(14.022, 8.415, 14.032, 7.765, 13.934, 7.113) ..cubicTo(13.836, 6.46, 13.637, 5.841, 13.335, 5.255) ..cubicTo(13.049, 4.699, 12.685, 4.2, 12.243, 3.757) ..cubicTo(12.145, 3.66, 12.096, 3.542, 12.096, 3.404) ..cubicTo(12.096, 3.266, 12.145, 3.148, 12.243, 3.05) ..cubicTo(12.342, 2.951, 12.46, 2.901, 12.596, 2.901) ..cubicTo(12.732, 2.901, 12.85, 2.951, 12.95, 3.05) ..cubicTo(13.466, 3.566, 13.891, 4.149, 14.224, 4.797) ..cubicTo(14.576, 5.481, 14.809, 6.204, 14.923, 6.965) ..cubicTo(15.037, 7.725, 15.025, 8.484, 14.889, 9.241) ..cubicTo(14.76, 9.96, 14.524, 10.641, 14.181, 11.285) ..cubicTo(14.115, 11.409, 14.017, 11.492, 13.887, 11.531) ..cubicTo(13.757, 11.571, 13.63, 11.558, 13.505, 11.492) ..cubicTo(13.495, 11.486, 13.484, 11.48, 13.474, 11.474) ..lineTo(13.306, 11.306) ..close() ..moveTo(10.953, 8.953) ..cubicTo(10.913, 8.859, 10.905, 8.758, 10.929, 8.649) ..cubicTo(11.04, 8.149, 11.024, 7.653, 10.88, 7.161) ..cubicTo(10.737, 6.668, 10.484, 6.241, 10.121, 5.879) ..cubicTo(10.022, 5.779, 9.972, 5.661, 9.972, 5.525) ..cubicTo(9.972, 5.389, 10.022, 5.271, 10.121, 5.172) ..cubicTo(10.219, 5.074, 10.337, 5.025, 10.475, 5.025) ..cubicTo(10.613, 5.025, 10.731, 5.074, 10.828, 5.172) ..cubicTo(11.312, 5.655, 11.649, 6.225, 11.84, 6.881) ..cubicTo(12.031, 7.537, 12.053, 8.199, 11.905, 8.866) ..cubicTo(11.875, 9.004, 11.802, 9.109, 11.687, 9.182) ..cubicTo(11.573, 9.255, 11.446, 9.276, 11.309, 9.246) ..cubicTo(11.277, 9.239, 11.246, 9.229, 11.218, 9.218) ..lineTo(10.953, 8.953) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_BroadcastOffIconPainter old) => old.color != color; } ```