broadcast icon

broadcast-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.

Name: broadcast-16
Set: Octicons
Style: 16
Viewbox: 16×16
License: MIT

2 other variants in Octicons

The same icon in other sets

broadcastBootstrap Icons broadcastBoxIcons v2 broadcastCodicons broadcastIconPark broadcastIconPark Outline broadcastIconPark Solid broadcastIconPark TwoTone broadcastMage Icons broadcastMaterial Design Icons broadcastPhosphor broadcast-fillRemix Icon broadcastTabler Icons

Use the broadcast icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.75 8.582v5.668a.75.75 0 0 1-1.5 0V8.582a1.75 1.75 0 1 1 1.5 0m3.983-7.125a.75.75 0 0 1 1.06.026A7.98 7.98 0 0 1 16 7c0 2.139-.84 4.083-2.207 5.517a.75.75 0 1 1-1.086-1.034A6.47 6.47 0 0 0 14.5 7a6.47 6.47 0 0 0-1.793-4.483a.75.75 0 0 1 .026-1.06m-9.466 0c.3.286.312.76.026 1.06A6.47 6.47 0 0 0 1.5 7a6.47 6.47 0 0 0 1.793 4.483a.75.75 0 0 1-1.086 1.034A7.97 7.97 0 0 1 0 7c0-2.139.84-4.083 2.207-5.517a.75.75 0 0 1 1.06-.026m8.556 2.321A5 5 0 0 1 13 7a5 5 0 0 1-1.177 3.222a.75.75 0 1 1-1.146-.967A3.5 3.5 0 0 0 11.5 7c0-.86-.309-1.645-.823-2.255a.75.75 0 0 1 1.146-.967m-6.492.958A3.48 3.48 0 0 0 4.5 7a3.48 3.48 0 0 0 .823 2.255a.75.75 0 0 1-1.146.967A4.98 4.98 0 0 1 3 7a4.98 4.98 0 0 1 1.188-3.236a.75.75 0 1 1 1.143.972"/></svg>

React

import type { SVGProps } from "react";

export function OcticonBroadcast16(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.75 8.582v5.668a.75.75 0 0 1-1.5 0V8.582a1.75 1.75 0 1 1 1.5 0m3.983-7.125a.75.75 0 0 1 1.06.026A7.98 7.98 0 0 1 16 7c0 2.139-.84 4.083-2.207 5.517a.75.75 0 1 1-1.086-1.034A6.47 6.47 0 0 0 14.5 7a6.47 6.47 0 0 0-1.793-4.483a.75.75 0 0 1 .026-1.06m-9.466 0c.3.286.312.76.026 1.06A6.47 6.47 0 0 0 1.5 7a6.47 6.47 0 0 0 1.793 4.483a.75.75 0 0 1-1.086 1.034A7.97 7.97 0 0 1 0 7c0-2.139.84-4.083 2.207-5.517a.75.75 0 0 1 1.06-.026m8.556 2.321A5 5 0 0 1 13 7a5 5 0 0 1-1.177 3.222a.75.75 0 1 1-1.146-.967A3.5 3.5 0 0 0 11.5 7c0-.86-.309-1.645-.823-2.255a.75.75 0 0 1 1.146-.967m-6.492.958A3.48 3.48 0 0 0 4.5 7a3.48 3.48 0 0 0 .823 2.255a.75.75 0 0 1-1.146.967A4.98 4.98 0 0 1 3 7a4.98 4.98 0 0 1 1.188-3.236a.75.75 0 1 1 1.143.972"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.75 8.582v5.668a.75.75 0 0 1-1.5 0V8.582a1.75 1.75 0 1 1 1.5 0m3.983-7.125a.75.75 0 0 1 1.06.026A7.98 7.98 0 0 1 16 7c0 2.139-.84 4.083-2.207 5.517a.75.75 0 1 1-1.086-1.034A6.47 6.47 0 0 0 14.5 7a6.47 6.47 0 0 0-1.793-4.483a.75.75 0 0 1 .026-1.06m-9.466 0c.3.286.312.76.026 1.06A6.47 6.47 0 0 0 1.5 7a6.47 6.47 0 0 0 1.793 4.483a.75.75 0 0 1-1.086 1.034A7.97 7.97 0 0 1 0 7c0-2.139.84-4.083 2.207-5.517a.75.75 0 0 1 1.06-.026m8.556 2.321A5 5 0 0 1 13 7a5 5 0 0 1-1.177 3.222a.75.75 0 1 1-1.146-.967A3.5 3.5 0 0 0 11.5 7c0-.86-.309-1.645-.823-2.255a.75.75 0 0 1 1.146-.967m-6.492.958A3.48 3.48 0 0 0 4.5 7a3.48 3.48 0 0 0 .823 2.255a.75.75 0 0 1-1.146.967A4.98 4.98 0 0 1 3 7a4.98 4.98 0 0 1 1.188-3.236a.75.75 0 1 1 1.143.972"/></svg>
</template>

CSS

.icon-broadcast-16 {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.75%208.582v5.668a.75.75%200%200%201-1.5%200V8.582a1.75%201.75%200%201%201%201.5%200m3.983-7.125a.75.75%200%200%201%201.06.026A7.98%207.98%200%200%201%2016%207c0%202.139-.84%204.083-2.207%205.517a.75.75%200%201%201-1.086-1.034A6.47%206.47%200%200%200%2014.5%207a6.47%206.47%200%200%200-1.793-4.483a.75.75%200%200%201%20.026-1.06m-9.466%200c.3.286.312.76.026%201.06A6.47%206.47%200%200%200%201.5%207a6.47%206.47%200%200%200%201.793%204.483a.75.75%200%200%201-1.086%201.034A7.97%207.97%200%200%201%200%207c0-2.139.84-4.083%202.207-5.517a.75.75%200%200%201%201.06-.026m8.556%202.321A5%205%200%200%201%2013%207a5%205%200%200%201-1.177%203.222a.75.75%200%201%201-1.146-.967A3.5%203.5%200%200%200%2011.5%207c0-.86-.309-1.645-.823-2.255a.75.75%200%200%201%201.146-.967m-6.492.958A3.48%203.48%200%200%200%204.5%207a3.48%203.48%200%200%200%20.823%202.255a.75.75%200%200%201-1.146.967A4.98%204.98%200%200%201%203%207a4.98%204.98%200%200%201%201.188-3.236a.75.75%200%201%201%201.143.972%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.75%208.582v5.668a.75.75%200%200%201-1.5%200V8.582a1.75%201.75%200%201%201%201.5%200m3.983-7.125a.75.75%200%200%201%201.06.026A7.98%207.98%200%200%201%2016%207c0%202.139-.84%204.083-2.207%205.517a.75.75%200%201%201-1.086-1.034A6.47%206.47%200%200%200%2014.5%207a6.47%206.47%200%200%200-1.793-4.483a.75.75%200%200%201%20.026-1.06m-9.466%200c.3.286.312.76.026%201.06A6.47%206.47%200%200%200%201.5%207a6.47%206.47%200%200%200%201.793%204.483a.75.75%200%200%201-1.086%201.034A7.97%207.97%200%200%201%200%207c0-2.139.84-4.083%202.207-5.517a.75.75%200%200%201%201.06-.026m8.556%202.321A5%205%200%200%201%2013%207a5%205%200%200%201-1.177%203.222a.75.75%200%201%201-1.146-.967A3.5%203.5%200%200%200%2011.5%207c0-.86-.309-1.645-.823-2.255a.75.75%200%200%201%201.146-.967m-6.492.958A3.48%203.48%200%200%200%204.5%207a3.48%203.48%200%200%200%20.823%202.255a.75.75%200%200%201-1.146.967A4.98%204.98%200%200%201%203%207a4.98%204.98%200%200%201%201.188-3.236a.75.75%200%201%201%201.143.972%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/broadcast-16.svg?color=%231a73e8&size=48