record circle icon

record-circle-bold-duotone from Solar by 480 Design · Bold Duotone · Call · CC-BY-4.0 Attribution required.

Name
record-circle-bold-duotone
Set
Solar
Style
Bold Duotone
Category
Call
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

record-circle-boldrecord-circle-brokenrecord-circle-line-duotonerecord-circle-linearrecord-circle-outline

The same icon in other sets

record-circleBootstrap Iconsrecord-circleMaterial Design Iconsrecord-circle-fillRemix Icon

More call icons from Solar

call-cancel-boldcall-cancel-rounded-boldcall-chat-boldcall-chat-rounded-boldcall-dropped-boldcall-dropped-rounded-boldcall-medicine-boldcall-medicine-rounded-boldend-call-boldend-call-rounded-boldincoming-call-boldincoming-call-rounded-boldoutgoing-call-boldoutgoing-call-rounded-boldphone-boldphone-calling-boldphone-calling-rounded-boldphone-rounded-boldrecord-minimalistic-boldrecord-square-boldrecord-audio-circle-bold

Use the record 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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" opacity=".5"/><path fill-rule="evenodd" d="M12.75 12C12.75 12.6443 12.9375 13.2449 13.2609 13.75H10.7391C11.0625 13.2449 11.25 12.6443 11.25 12C11.25 10.2051 9.79493 8.75 8 8.75C6.20507 8.75 4.75 10.2051 4.75 12C4.75 13.7949 6.20507 15.25 8 15.25H16C17.7949 15.25 19.25 13.7949 19.25 12C19.25 10.2051 17.7949 8.75 16 8.75C14.2051 8.75 12.75 10.2051 12.75 12ZM14.25 12C14.25 11.0335 15.0335 10.25 16 10.25C16.9665 10.25 17.75 11.0335 17.75 12C17.75 12.9665 16.9665 13.75 16 13.75C15.0335 13.75 14.25 12.9665 14.25 12ZM9.75 12C9.75 12.9665 8.9665 13.75 8 13.75C7.0335 13.75 6.25 12.9665 6.25 12C6.25 11.0335 7.0335 10.25 8 10.25C8.9665 10.25 9.75 11.0335 9.75 12Z" clip-rule="evenodd"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarRecordCircleBoldDuotone(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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" opacity=".5"/><path fillRule="evenodd" d="M12.75 12C12.75 12.6443 12.9375 13.2449 13.2609 13.75H10.7391C11.0625 13.2449 11.25 12.6443 11.25 12C11.25 10.2051 9.79493 8.75 8 8.75C6.20507 8.75 4.75 10.2051 4.75 12C4.75 13.7949 6.20507 15.25 8 15.25H16C17.7949 15.25 19.25 13.7949 19.25 12C19.25 10.2051 17.7949 8.75 16 8.75C14.2051 8.75 12.75 10.2051 12.75 12ZM14.25 12C14.25 11.0335 15.0335 10.25 16 10.25C16.9665 10.25 17.75 11.0335 17.75 12C17.75 12.9665 16.9665 13.75 16 13.75C15.0335 13.75 14.25 12.9665 14.25 12ZM9.75 12C9.75 12.9665 8.9665 13.75 8 13.75C7.0335 13.75 6.25 12.9665 6.25 12C6.25 11.0335 7.0335 10.25 8 10.25C8.9665 10.25 9.75 11.0335 9.75 12Z" clipRule="evenodd"/></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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" opacity=".5"/><path fill-rule="evenodd" d="M12.75 12C12.75 12.6443 12.9375 13.2449 13.2609 13.75H10.7391C11.0625 13.2449 11.25 12.6443 11.25 12C11.25 10.2051 9.79493 8.75 8 8.75C6.20507 8.75 4.75 10.2051 4.75 12C4.75 13.7949 6.20507 15.25 8 15.25H16C17.7949 15.25 19.25 13.7949 19.25 12C19.25 10.2051 17.7949 8.75 16 8.75C14.2051 8.75 12.75 10.2051 12.75 12ZM14.25 12C14.25 11.0335 15.0335 10.25 16 10.25C16.9665 10.25 17.75 11.0335 17.75 12C17.75 12.9665 16.9665 13.75 16 13.75C15.0335 13.75 14.25 12.9665 14.25 12ZM9.75 12C9.75 12.9665 8.9665 13.75 8 13.75C7.0335 13.75 6.25 12.9665 6.25 12C6.25 11.0335 7.0335 10.25 8 10.25C8.9665 10.25 9.75 11.0335 9.75 12Z" clip-rule="evenodd"/></g></svg>
</template>

CSS

.icon-record-circle-bold-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%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.75%2012C12.75%2012.6443%2012.9375%2013.2449%2013.2609%2013.75H10.7391C11.0625%2013.2449%2011.25%2012.6443%2011.25%2012C11.25%2010.2051%209.79493%208.75%208%208.75C6.20507%208.75%204.75%2010.2051%204.75%2012C4.75%2013.7949%206.20507%2015.25%208%2015.25H16C17.7949%2015.25%2019.25%2013.7949%2019.25%2012C19.25%2010.2051%2017.7949%208.75%2016%208.75C14.2051%208.75%2012.75%2010.2051%2012.75%2012ZM14.25%2012C14.25%2011.0335%2015.0335%2010.25%2016%2010.25C16.9665%2010.25%2017.75%2011.0335%2017.75%2012C17.75%2012.9665%2016.9665%2013.75%2016%2013.75C15.0335%2013.75%2014.25%2012.9665%2014.25%2012ZM9.75%2012C9.75%2012.9665%208.9665%2013.75%208%2013.75C7.0335%2013.75%206.25%2012.9665%206.25%2012C6.25%2011.0335%207.0335%2010.25%208%2010.25C8.9665%2010.25%209.75%2011.0335%209.75%2012Z%22%20clip-rule%3D%22evenodd%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%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.75%2012C12.75%2012.6443%2012.9375%2013.2449%2013.2609%2013.75H10.7391C11.0625%2013.2449%2011.25%2012.6443%2011.25%2012C11.25%2010.2051%209.79493%208.75%208%208.75C6.20507%208.75%204.75%2010.2051%204.75%2012C4.75%2013.7949%206.20507%2015.25%208%2015.25H16C17.7949%2015.25%2019.25%2013.7949%2019.25%2012C19.25%2010.2051%2017.7949%208.75%2016%208.75C14.2051%208.75%2012.75%2010.2051%2012.75%2012ZM14.25%2012C14.25%2011.0335%2015.0335%2010.25%2016%2010.25C16.9665%2010.25%2017.75%2011.0335%2017.75%2012C17.75%2012.9665%2016.9665%2013.75%2016%2013.75C15.0335%2013.75%2014.25%2012.9665%2014.25%2012ZM9.75%2012C9.75%2012.9665%208.9665%2013.75%208%2013.75C7.0335%2013.75%206.25%2012.9665%206.25%2012C6.25%2011.0335%207.0335%2010.25%208%2010.25C8.9665%2010.25%209.75%2011.0335%209.75%2012Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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