md recording icon

md-recording from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: md-recording
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

Use the md recording icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M369.8 160c-53.4 0-96.2 42.8-96.2 96 0 23.6 7.9 44.5 21.9 61.1h-78.8c14-16.6 21.9-37.5 21.9-61.1 0-53.2-42.9-96-96.2-96S46 202.8 46 256s42.9 96 96.2 96h227.5c53.4 0 96.2-42.8 96.2-96s-42.8-96-96.1-96zM142.2 317.1C108.1 317.1 81 290 81 256s27.1-61.1 61.2-61.1 61.2 27.1 61.2 61.1-27 61.1-61.2 61.1zm227.6 0c-34.1 0-61.2-27.1-61.2-61.1s27.1-61.1 61.2-61.1S431 222 431 256s-27.1 61.1-61.2 61.1z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonMdRecording(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M369.8 160c-53.4 0-96.2 42.8-96.2 96 0 23.6 7.9 44.5 21.9 61.1h-78.8c14-16.6 21.9-37.5 21.9-61.1 0-53.2-42.9-96-96.2-96S46 202.8 46 256s42.9 96 96.2 96h227.5c53.4 0 96.2-42.8 96.2-96s-42.8-96-96.1-96zM142.2 317.1C108.1 317.1 81 290 81 256s27.1-61.1 61.2-61.1 61.2 27.1 61.2 61.1-27 61.1-61.2 61.1zm227.6 0c-34.1 0-61.2-27.1-61.2-61.1s27.1-61.1 61.2-61.1S431 222 431 256s-27.1 61.1-61.2 61.1z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M369.8 160c-53.4 0-96.2 42.8-96.2 96 0 23.6 7.9 44.5 21.9 61.1h-78.8c14-16.6 21.9-37.5 21.9-61.1 0-53.2-42.9-96-96.2-96S46 202.8 46 256s42.9 96 96.2 96h227.5c53.4 0 96.2-42.8 96.2-96s-42.8-96-96.1-96zM142.2 317.1C108.1 317.1 81 290 81 256s27.1-61.1 61.2-61.1 61.2 27.1 61.2 61.1-27 61.1-61.2 61.1zm227.6 0c-34.1 0-61.2-27.1-61.2-61.1s27.1-61.1 61.2-61.1S431 222 431 256s-27.1 61.1-61.2 61.1z" fill="currentColor"/></svg>
</template>

CSS

.icon-md-recording {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M369.8%20160c-53.4%200-96.2%2042.8-96.2%2096%200%2023.6%207.9%2044.5%2021.9%2061.1h-78.8c14-16.6%2021.9-37.5%2021.9-61.1%200-53.2-42.9-96-96.2-96S46%20202.8%2046%20256s42.9%2096%2096.2%2096h227.5c53.4%200%2096.2-42.8%2096.2-96s-42.8-96-96.1-96zM142.2%20317.1C108.1%20317.1%2081%20290%2081%20256s27.1-61.1%2061.2-61.1%2061.2%2027.1%2061.2%2061.1-27%2061.1-61.2%2061.1zm227.6%200c-34.1%200-61.2-27.1-61.2-61.1s27.1-61.1%2061.2-61.1S431%20222%20431%20256s-27.1%2061.1-61.2%2061.1z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M369.8%20160c-53.4%200-96.2%2042.8-96.2%2096%200%2023.6%207.9%2044.5%2021.9%2061.1h-78.8c14-16.6%2021.9-37.5%2021.9-61.1%200-53.2-42.9-96-96.2-96S46%20202.8%2046%20256s42.9%2096%2096.2%2096h227.5c53.4%200%2096.2-42.8%2096.2-96s-42.8-96-96.1-96zM142.2%20317.1C108.1%20317.1%2081%20290%2081%20256s27.1-61.1%2061.2-61.1%2061.2%2027.1%2061.2%2061.1-27%2061.1-61.2%2061.1zm227.6%200c-34.1%200-61.2-27.1-61.2-61.1s27.1-61.1%2061.2-61.1S431%20222%20431%20256s-27.1%2061.1-61.2%2061.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

md recording icon

Related icons in IonIcons

Use the md recording icon

SVG

React

Vue

CSS