signal icon
signal from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- signal
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
signal-filledAnt Design IconssignalCoreUI BrandssignalFont Awesome 6 SolidsignalFont Awesome Solidsignalcss.ggsignalHeroIconssignalHuge IconssignalIconParksignalIconPark OutlinesignalJam IconssignalLine AwesomesignalSVG LogossignalLucidesignalMaterial Design Iconssignal-fillMingCute IconsignalMyna UI IconssignalOpenMojisignalPixelarticonssignalSimple IconssignalUnicons
Use the signal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m6.08.234l.179.727a7.3 7.3 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.3 7.3 0 0 1 2.01.832l.388-.643A8 8 0 0 0 9.92.234m-8.77 3.63a8 8 0 0 0-.916 2.215l.727.18a7.3 7.3 0 0 1 .832-2.01l-.643-.386zM.75 8a7 7 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7 7 0 0 1 .75 8m11.384 6.848l-.384-.64a7.2 7.2 0 0 1-2.007.831l.18.728a8 8 0 0 0 2.211-.919M15.251 8q0 .547-.082 1.086l.74.112a8 8 0 0 0 0-2.398l-.74.114q.082.54.082 1.086m.516 1.918l-.728-.18a7.3 7.3 0 0 1-.832 2.012l.643.387a8 8 0 0 0 .917-2.219m-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a8 8 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.2 7.2 0 0 1-1.537 1.534l.446.605a8 8 0 0 0 1.695-1.689zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8 8 0 0 0-1.69-1.691zM2.163 3.7A7.2 7.2 0 0 1 3.7 2.163l-.45-.604a8 8 0 0 0-1.691 1.69l.604.45zm12.688.163l-.644.387c.377.623.658 1.3.832 2.007l.728-.18a8 8 0 0 0-.916-2.214M6.913.831a7.3 7.3 0 0 1 2.172 0l.112-.74a8 8 0 0 0-2.396 0zM2.547 14.64L1 15l.36-1.549l-.729-.17l-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357zM.786 12.612l.732.168l.25-1.073A7.2 7.2 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623l-1.073.25l.17.731l.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.2 7.2 0 0 1-1.962-.811zM8 1.5a6.5 6.5 0 0 0-6.498 6.502a6.5 6.5 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.5 6.5 0 0 0 8 1.5"/></svg>
React
import type { SVGProps } from "react";
export function BiSignal(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="m6.08.234l.179.727a7.3 7.3 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.3 7.3 0 0 1 2.01.832l.388-.643A8 8 0 0 0 9.92.234m-8.77 3.63a8 8 0 0 0-.916 2.215l.727.18a7.3 7.3 0 0 1 .832-2.01l-.643-.386zM.75 8a7 7 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7 7 0 0 1 .75 8m11.384 6.848l-.384-.64a7.2 7.2 0 0 1-2.007.831l.18.728a8 8 0 0 0 2.211-.919M15.251 8q0 .547-.082 1.086l.74.112a8 8 0 0 0 0-2.398l-.74.114q.082.54.082 1.086m.516 1.918l-.728-.18a7.3 7.3 0 0 1-.832 2.012l.643.387a8 8 0 0 0 .917-2.219m-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a8 8 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.2 7.2 0 0 1-1.537 1.534l.446.605a8 8 0 0 0 1.695-1.689zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8 8 0 0 0-1.69-1.691zM2.163 3.7A7.2 7.2 0 0 1 3.7 2.163l-.45-.604a8 8 0 0 0-1.691 1.69l.604.45zm12.688.163l-.644.387c.377.623.658 1.3.832 2.007l.728-.18a8 8 0 0 0-.916-2.214M6.913.831a7.3 7.3 0 0 1 2.172 0l.112-.74a8 8 0 0 0-2.396 0zM2.547 14.64L1 15l.36-1.549l-.729-.17l-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357zM.786 12.612l.732.168l.25-1.073A7.2 7.2 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623l-1.073.25l.17.731l.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.2 7.2 0 0 1-1.962-.811zM8 1.5a6.5 6.5 0 0 0-6.498 6.502a6.5 6.5 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.5 6.5 0 0 0 8 1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m6.08.234l.179.727a7.3 7.3 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.3 7.3 0 0 1 2.01.832l.388-.643A8 8 0 0 0 9.92.234m-8.77 3.63a8 8 0 0 0-.916 2.215l.727.18a7.3 7.3 0 0 1 .832-2.01l-.643-.386zM.75 8a7 7 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7 7 0 0 1 .75 8m11.384 6.848l-.384-.64a7.2 7.2 0 0 1-2.007.831l.18.728a8 8 0 0 0 2.211-.919M15.251 8q0 .547-.082 1.086l.74.112a8 8 0 0 0 0-2.398l-.74.114q.082.54.082 1.086m.516 1.918l-.728-.18a7.3 7.3 0 0 1-.832 2.012l.643.387a8 8 0 0 0 .917-2.219m-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a8 8 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.2 7.2 0 0 1-1.537 1.534l.446.605a8 8 0 0 0 1.695-1.689zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8 8 0 0 0-1.69-1.691zM2.163 3.7A7.2 7.2 0 0 1 3.7 2.163l-.45-.604a8 8 0 0 0-1.691 1.69l.604.45zm12.688.163l-.644.387c.377.623.658 1.3.832 2.007l.728-.18a8 8 0 0 0-.916-2.214M6.913.831a7.3 7.3 0 0 1 2.172 0l.112-.74a8 8 0 0 0-2.396 0zM2.547 14.64L1 15l.36-1.549l-.729-.17l-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357zM.786 12.612l.732.168l.25-1.073A7.2 7.2 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623l-1.073.25l.17.731l.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.2 7.2 0 0 1-1.962-.811zM8 1.5a6.5 6.5 0 0 0-6.498 6.502a6.5 6.5 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.5 6.5 0 0 0 8 1.5"/></svg> </template>
CSS
.icon-signal {
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%22m6.08.234l.179.727a7.3%207.3%200%200%200-2.01.832l-.383-.643A7.9%207.9%200%200%201%206.079.234zm3.84%200L9.742.96a7.3%207.3%200%200%201%202.01.832l.388-.643A8%208%200%200%200%209.92.234m-8.77%203.63a8%208%200%200%200-.916%202.215l.727.18a7.3%207.3%200%200%201%20.832-2.01l-.643-.386zM.75%208a7%207%200%200%201%20.081-1.086L.091%206.8a8%208%200%200%200%200%202.398l.74-.112A7%207%200%200%201%20.75%208m11.384%206.848l-.384-.64a7.2%207.2%200%200%201-2.007.831l.18.728a8%208%200%200%200%202.211-.919M15.251%208q0%20.547-.082%201.086l.74.112a8%208%200%200%200%200-2.398l-.74.114q.082.54.082%201.086m.516%201.918l-.728-.18a7.3%207.3%200%200%201-.832%202.012l.643.387a8%208%200%200%200%20.917-2.219m-6.68%205.25c-.72.11-1.453.11-2.173%200l-.112.742a8%208%200%200%200%202.396%200l-.112-.741zm4.75-2.868a7.2%207.2%200%200%201-1.537%201.534l.446.605a8%208%200%200%200%201.695-1.689zM12.3%202.163c.587.432%201.105.95%201.537%201.537l.604-.45a8%208%200%200%200-1.69-1.691zM2.163%203.7A7.2%207.2%200%200%201%203.7%202.163l-.45-.604a8%208%200%200%200-1.691%201.69l.604.45zm12.688.163l-.644.387c.377.623.658%201.3.832%202.007l.728-.18a8%208%200%200%200-.916-2.214M6.913.831a7.3%207.3%200%200%201%202.172%200l.112-.74a8%208%200%200%200-2.396%200zM2.547%2014.64L1%2015l.36-1.549l-.729-.17l-.361%201.548a.75.75%200%200%200%20.9.902l1.548-.357zM.786%2012.612l.732.168l.25-1.073A7.2%207.2%200%200%201%20.96%209.74l-.727.18a8%208%200%200%200%20.736%201.902l-.184.79zm3.5%201.623l-1.073.25l.17.731l.79-.184c.6.327%201.239.574%201.902.737l.18-.728a7.2%207.2%200%200%201-1.962-.811zM8%201.5a6.5%206.5%200%200%200-6.498%206.502a6.5%206.5%200%200%200%20.998%203.455l-.625%202.668L4.54%2013.5a6.502%206.502%200%200%200%206.93-11A6.5%206.5%200%200%200%208%201.5%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%22m6.08.234l.179.727a7.3%207.3%200%200%200-2.01.832l-.383-.643A7.9%207.9%200%200%201%206.079.234zm3.84%200L9.742.96a7.3%207.3%200%200%201%202.01.832l.388-.643A8%208%200%200%200%209.92.234m-8.77%203.63a8%208%200%200%200-.916%202.215l.727.18a7.3%207.3%200%200%201%20.832-2.01l-.643-.386zM.75%208a7%207%200%200%201%20.081-1.086L.091%206.8a8%208%200%200%200%200%202.398l.74-.112A7%207%200%200%201%20.75%208m11.384%206.848l-.384-.64a7.2%207.2%200%200%201-2.007.831l.18.728a8%208%200%200%200%202.211-.919M15.251%208q0%20.547-.082%201.086l.74.112a8%208%200%200%200%200-2.398l-.74.114q.082.54.082%201.086m.516%201.918l-.728-.18a7.3%207.3%200%200%201-.832%202.012l.643.387a8%208%200%200%200%20.917-2.219m-6.68%205.25c-.72.11-1.453.11-2.173%200l-.112.742a8%208%200%200%200%202.396%200l-.112-.741zm4.75-2.868a7.2%207.2%200%200%201-1.537%201.534l.446.605a8%208%200%200%200%201.695-1.689zM12.3%202.163c.587.432%201.105.95%201.537%201.537l.604-.45a8%208%200%200%200-1.69-1.691zM2.163%203.7A7.2%207.2%200%200%201%203.7%202.163l-.45-.604a8%208%200%200%200-1.691%201.69l.604.45zm12.688.163l-.644.387c.377.623.658%201.3.832%202.007l.728-.18a8%208%200%200%200-.916-2.214M6.913.831a7.3%207.3%200%200%201%202.172%200l.112-.74a8%208%200%200%200-2.396%200zM2.547%2014.64L1%2015l.36-1.549l-.729-.17l-.361%201.548a.75.75%200%200%200%20.9.902l1.548-.357zM.786%2012.612l.732.168l.25-1.073A7.2%207.2%200%200%201%20.96%209.74l-.727.18a8%208%200%200%200%20.736%201.902l-.184.79zm3.5%201.623l-1.073.25l.17.731l.79-.184c.6.327%201.239.574%201.902.737l.18-.728a7.2%207.2%200%200%201-1.962-.811zM8%201.5a6.5%206.5%200%200%200-6.498%206.502a6.5%206.5%200%200%200%20.998%203.455l-.625%202.668L4.54%2013.5a6.502%206.502%200%200%200%206.93-11A6.5%206.5%200%200%200%208%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/signal.svg?color=%231a73e8&size=48
