signal circle icon

signal-circle-duotone from Reicon by REICON · Duotone · Parts · MIT Free for personal and commercial use.

Name: signal-circle-duotone
Set: Reicon
Style: Duotone
Category: Parts
Viewbox: 24×24
License: MIT

2 other variants in Reicon

The same icon in other sets

More parts icons from Reicon

accumulator bus ev-charge gas-station scooter scooter2 shock-absorber signal signal-square speed-low speed-max speed-mid suspension suspension-bolt suspension-x tram wheel wheel2 signal-stream

Use the signal circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10" opacity=".5"/><path d="M8 8.25a.75.75 0 0 1 .75.75v2.25h2.5V9a.75.75 0 0 1 1.5 0v2.25H13c.476 0 .796 0 1.043-.017c.241-.017.358-.046.435-.078c.307-.127.55-.37.677-.677c.032-.077.061-.194.078-.435c.017-.247.017-.567.017-1.043a.75.75 0 0 1 1.5 0v.025c0 .445 0 .816-.02 1.12a2.8 2.8 0 0 1-.19.907a2.75 2.75 0 0 1-1.488 1.489c-.29.12-.59.167-.907.188c-.304.021-.675.021-1.12.021h-.275V15a.75.75 0 0 1-1.5 0v-2.25h-2.5V15a.75.75 0 0 1-1.5 0V9A.75.75 0 0 1 8 8.25"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconSignalCircleDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10" opacity=".5"/><path d="M8 8.25a.75.75 0 0 1 .75.75v2.25h2.5V9a.75.75 0 0 1 1.5 0v2.25H13c.476 0 .796 0 1.043-.017c.241-.017.358-.046.435-.078c.307-.127.55-.37.677-.677c.032-.077.061-.194.078-.435c.017-.247.017-.567.017-1.043a.75.75 0 0 1 1.5 0v.025c0 .445 0 .816-.02 1.12a2.8 2.8 0 0 1-.19.907a2.75 2.75 0 0 1-1.488 1.489c-.29.12-.59.167-.907.188c-.304.021-.675.021-1.12.021h-.275V15a.75.75 0 0 1-1.5 0v-2.25h-2.5V15a.75.75 0 0 1-1.5 0V9A.75.75 0 0 1 8 8.25"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10" opacity=".5"/><path d="M8 8.25a.75.75 0 0 1 .75.75v2.25h2.5V9a.75.75 0 0 1 1.5 0v2.25H13c.476 0 .796 0 1.043-.017c.241-.017.358-.046.435-.078c.307-.127.55-.37.677-.677c.032-.077.061-.194.078-.435c.017-.247.017-.567.017-1.043a.75.75 0 0 1 1.5 0v.025c0 .445 0 .816-.02 1.12a2.8 2.8 0 0 1-.19.907a2.75 2.75 0 0 1-1.488 1.489c-.29.12-.59.167-.907.188c-.304.021-.675.021-1.12.021h-.275V15a.75.75 0 0 1-1.5 0v-2.25h-2.5V15a.75.75 0 0 1-1.5 0V9A.75.75 0 0 1 8 8.25"/></g></svg>
</template>

CSS

.icon-signal-circle-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2022c5.523%200%2010-4.477%2010-10S17.523%202%2012%202S2%206.477%202%2012s4.477%2010%2010%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8%208.25a.75.75%200%200%201%20.75.75v2.25h2.5V9a.75.75%200%200%201%201.5%200v2.25H13c.476%200%20.796%200%201.043-.017c.241-.017.358-.046.435-.078c.307-.127.55-.37.677-.677c.032-.077.061-.194.078-.435c.017-.247.017-.567.017-1.043a.75.75%200%200%201%201.5%200v.025c0%20.445%200%20.816-.02%201.12a2.8%202.8%200%200%201-.19.907a2.75%202.75%200%200%201-1.488%201.489c-.29.12-.59.167-.907.188c-.304.021-.675.021-1.12.021h-.275V15a.75.75%200%200%201-1.5%200v-2.25h-2.5V15a.75.75%200%200%201-1.5%200V9A.75.75%200%200%201%208%208.25%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2022c5.523%200%2010-4.477%2010-10S17.523%202%2012%202S2%206.477%202%2012s4.477%2010%2010%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8%208.25a.75.75%200%200%201%20.75.75v2.25h2.5V9a.75.75%200%200%201%201.5%200v2.25H13c.476%200%20.796%200%201.043-.017c.241-.017.358-.046.435-.078c.307-.127.55-.37.677-.677c.032-.077.061-.194.078-.435c.017-.247.017-.567.017-1.043a.75.75%200%200%201%201.5%200v.025c0%20.445%200%20.816-.02%201.12a2.8%202.8%200%200%201-.19.907a2.75%202.75%200%200%201-1.488%201.489c-.29.12-.59.167-.907.188c-.304.021-.675.021-1.12.021h-.275V15a.75.75%200%200%201-1.5%200v-2.25h-2.5V15a.75.75%200%200%201-1.5%200V9A.75.75%200%200%201%208%208.25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/signal-circle-duotone.svg?color=%231a73e8&size=48