frame person mic icon
frame-person-mic-outline-rounded from Material Symbols Light by Google · Outline Rounded · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- frame-person-mic-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the frame person mic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.404 17.116q-.428 0-.724-.296t-.296-.724v-.38q0-.403.206-.757t.558-.565q1.185-.702 2.468-1.004q1.284-.302 2.644-.256q.213-.005.354.153t.14.372q0 .195-.15.335t-.344.127q-1.258-.085-2.525.29t-2.316.973v.75h6.031q.194 0 .338.137t.143.337t-.143.354t-.338.153zm4.478-5.231q-1.042 0-1.77-.728t-.728-1.77q0-1.022.728-1.762t1.77-.74q1.022 0 1.762.74t.74 1.762q0 1.042-.74 1.77q-.74.727-1.762.727m.002-1q.618 0 1.06-.43t.44-1.07q0-.617-.44-1.058q-.442-.442-1.069-.442t-1.059.442t-.432 1.068t.432 1.059t1.069.432m6.802 3.824q.467-.367.604-.94q.05-.161.164-.273t.276-.112t.273.122t.08.263q-.136.777-.712 1.346t-1.372.7v.916q0 .153-.111.269t-.273.115t-.274-.115t-.111-.27v-.915q-.797-.13-1.372-.7q-.576-.569-.713-1.346q-.03-.142.081-.263t.273-.122t.276.112q.115.112.165.273q.136.573.603.94q.467.368 1.071.368t1.072-.368m-1.796-.697q-.295-.296-.295-.724v-1.692q0-.428.296-.724q.296-.295.724-.295t.724.295t.295.724v1.692q0 .428-.296.724t-.724.296t-.724-.296M4.615 21q-.69 0-1.153-.462T3 19.385V16.5q0-.213.144-.356T3.501 16t.356.144T4 16.5v2.885q0 .23.192.423t.423.192H7.5q.213 0 .356.144t.144.357t-.144.356T7.5 21zM3 7.5V4.616q0-.691.463-1.153T4.615 3H7.5q.213 0 .356.144T8 3.501t-.144.356T7.5 4H4.616q-.231 0-.424.192T4 4.615V7.5q0 .213-.144.356T3.499 8t-.356-.144T3 7.5M19.385 21H16.5q-.213 0-.356-.144T16 20.499t.144-.356T16.5 20h2.885q.23 0 .423-.192t.192-.424V16.5q0-.213.144-.356t.357-.144t.356.144t.143.356v2.885q0 .69-.462 1.152T19.385 21M20 7.5V4.616q0-.231-.192-.424T19.385 4H16.5q-.213 0-.356-.144T16 3.499t.144-.356T16.5 3h2.885q.69 0 1.152.463T21 4.615V7.5q0 .213-.144.356T20.499 8t-.356-.144T20 7.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFramePersonMicOutlineRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.404 17.116q-.428 0-.724-.296t-.296-.724v-.38q0-.403.206-.757t.558-.565q1.185-.702 2.468-1.004q1.284-.302 2.644-.256q.213-.005.354.153t.14.372q0 .195-.15.335t-.344.127q-1.258-.085-2.525.29t-2.316.973v.75h6.031q.194 0 .338.137t.143.337t-.143.354t-.338.153zm4.478-5.231q-1.042 0-1.77-.728t-.728-1.77q0-1.022.728-1.762t1.77-.74q1.022 0 1.762.74t.74 1.762q0 1.042-.74 1.77q-.74.727-1.762.727m.002-1q.618 0 1.06-.43t.44-1.07q0-.617-.44-1.058q-.442-.442-1.069-.442t-1.059.442t-.432 1.068t.432 1.059t1.069.432m6.802 3.824q.467-.367.604-.94q.05-.161.164-.273t.276-.112t.273.122t.08.263q-.136.777-.712 1.346t-1.372.7v.916q0 .153-.111.269t-.273.115t-.274-.115t-.111-.27v-.915q-.797-.13-1.372-.7q-.576-.569-.713-1.346q-.03-.142.081-.263t.273-.122t.276.112q.115.112.165.273q.136.573.603.94q.467.368 1.071.368t1.072-.368m-1.796-.697q-.295-.296-.295-.724v-1.692q0-.428.296-.724q.296-.295.724-.295t.724.295t.295.724v1.692q0 .428-.296.724t-.724.296t-.724-.296M4.615 21q-.69 0-1.153-.462T3 19.385V16.5q0-.213.144-.356T3.501 16t.356.144T4 16.5v2.885q0 .23.192.423t.423.192H7.5q.213 0 .356.144t.144.357t-.144.356T7.5 21zM3 7.5V4.616q0-.691.463-1.153T4.615 3H7.5q.213 0 .356.144T8 3.501t-.144.356T7.5 4H4.616q-.231 0-.424.192T4 4.615V7.5q0 .213-.144.356T3.499 8t-.356-.144T3 7.5M19.385 21H16.5q-.213 0-.356-.144T16 20.499t.144-.356T16.5 20h2.885q.23 0 .423-.192t.192-.424V16.5q0-.213.144-.356t.357-.144t.356.144t.143.356v2.885q0 .69-.462 1.152T19.385 21M20 7.5V4.616q0-.231-.192-.424T19.385 4H16.5q-.213 0-.356-.144T16 3.499t.144-.356T16.5 3h2.885q.69 0 1.152.463T21 4.615V7.5q0 .213-.144.356T20.499 8t-.356-.144T20 7.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.404 17.116q-.428 0-.724-.296t-.296-.724v-.38q0-.403.206-.757t.558-.565q1.185-.702 2.468-1.004q1.284-.302 2.644-.256q.213-.005.354.153t.14.372q0 .195-.15.335t-.344.127q-1.258-.085-2.525.29t-2.316.973v.75h6.031q.194 0 .338.137t.143.337t-.143.354t-.338.153zm4.478-5.231q-1.042 0-1.77-.728t-.728-1.77q0-1.022.728-1.762t1.77-.74q1.022 0 1.762.74t.74 1.762q0 1.042-.74 1.77q-.74.727-1.762.727m.002-1q.618 0 1.06-.43t.44-1.07q0-.617-.44-1.058q-.442-.442-1.069-.442t-1.059.442t-.432 1.068t.432 1.059t1.069.432m6.802 3.824q.467-.367.604-.94q.05-.161.164-.273t.276-.112t.273.122t.08.263q-.136.777-.712 1.346t-1.372.7v.916q0 .153-.111.269t-.273.115t-.274-.115t-.111-.27v-.915q-.797-.13-1.372-.7q-.576-.569-.713-1.346q-.03-.142.081-.263t.273-.122t.276.112q.115.112.165.273q.136.573.603.94q.467.368 1.071.368t1.072-.368m-1.796-.697q-.295-.296-.295-.724v-1.692q0-.428.296-.724q.296-.295.724-.295t.724.295t.295.724v1.692q0 .428-.296.724t-.724.296t-.724-.296M4.615 21q-.69 0-1.153-.462T3 19.385V16.5q0-.213.144-.356T3.501 16t.356.144T4 16.5v2.885q0 .23.192.423t.423.192H7.5q.213 0 .356.144t.144.357t-.144.356T7.5 21zM3 7.5V4.616q0-.691.463-1.153T4.615 3H7.5q.213 0 .356.144T8 3.501t-.144.356T7.5 4H4.616q-.231 0-.424.192T4 4.615V7.5q0 .213-.144.356T3.499 8t-.356-.144T3 7.5M19.385 21H16.5q-.213 0-.356-.144T16 20.499t.144-.356T16.5 20h2.885q.23 0 .423-.192t.192-.424V16.5q0-.213.144-.356t.357-.144t.356.144t.143.356v2.885q0 .69-.462 1.152T19.385 21M20 7.5V4.616q0-.231-.192-.424T19.385 4H16.5q-.213 0-.356-.144T16 3.499t.144-.356T16.5 3h2.885q.69 0 1.152.463T21 4.615V7.5q0 .213-.144.356T20.499 8t-.356-.144T20 7.5"/></svg> </template>
CSS
.icon-frame-person-mic-outline-rounded {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.404%2017.116q-.428%200-.724-.296t-.296-.724v-.38q0-.403.206-.757t.558-.565q1.185-.702%202.468-1.004q1.284-.302%202.644-.256q.213-.005.354.153t.14.372q0%20.195-.15.335t-.344.127q-1.258-.085-2.525.29t-2.316.973v.75h6.031q.194%200%20.338.137t.143.337t-.143.354t-.338.153zm4.478-5.231q-1.042%200-1.77-.728t-.728-1.77q0-1.022.728-1.762t1.77-.74q1.022%200%201.762.74t.74%201.762q0%201.042-.74%201.77q-.74.727-1.762.727m.002-1q.618%200%201.06-.43t.44-1.07q0-.617-.44-1.058q-.442-.442-1.069-.442t-1.059.442t-.432%201.068t.432%201.059t1.069.432m6.802%203.824q.467-.367.604-.94q.05-.161.164-.273t.276-.112t.273.122t.08.263q-.136.777-.712%201.346t-1.372.7v.916q0%20.153-.111.269t-.273.115t-.274-.115t-.111-.27v-.915q-.797-.13-1.372-.7q-.576-.569-.713-1.346q-.03-.142.081-.263t.273-.122t.276.112q.115.112.165.273q.136.573.603.94q.467.368%201.071.368t1.072-.368m-1.796-.697q-.295-.296-.295-.724v-1.692q0-.428.296-.724q.296-.295.724-.295t.724.295t.295.724v1.692q0%20.428-.296.724t-.724.296t-.724-.296M4.615%2021q-.69%200-1.153-.462T3%2019.385V16.5q0-.213.144-.356T3.501%2016t.356.144T4%2016.5v2.885q0%20.23.192.423t.423.192H7.5q.213%200%20.356.144t.144.357t-.144.356T7.5%2021zM3%207.5V4.616q0-.691.463-1.153T4.615%203H7.5q.213%200%20.356.144T8%203.501t-.144.356T7.5%204H4.616q-.231%200-.424.192T4%204.615V7.5q0%20.213-.144.356T3.499%208t-.356-.144T3%207.5M19.385%2021H16.5q-.213%200-.356-.144T16%2020.499t.144-.356T16.5%2020h2.885q.23%200%20.423-.192t.192-.424V16.5q0-.213.144-.356t.357-.144t.356.144t.143.356v2.885q0%20.69-.462%201.152T19.385%2021M20%207.5V4.616q0-.231-.192-.424T19.385%204H16.5q-.213%200-.356-.144T16%203.499t.144-.356T16.5%203h2.885q.69%200%201.152.463T21%204.615V7.5q0%20.213-.144.356T20.499%208t-.356-.144T20%207.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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.404%2017.116q-.428%200-.724-.296t-.296-.724v-.38q0-.403.206-.757t.558-.565q1.185-.702%202.468-1.004q1.284-.302%202.644-.256q.213-.005.354.153t.14.372q0%20.195-.15.335t-.344.127q-1.258-.085-2.525.29t-2.316.973v.75h6.031q.194%200%20.338.137t.143.337t-.143.354t-.338.153zm4.478-5.231q-1.042%200-1.77-.728t-.728-1.77q0-1.022.728-1.762t1.77-.74q1.022%200%201.762.74t.74%201.762q0%201.042-.74%201.77q-.74.727-1.762.727m.002-1q.618%200%201.06-.43t.44-1.07q0-.617-.44-1.058q-.442-.442-1.069-.442t-1.059.442t-.432%201.068t.432%201.059t1.069.432m6.802%203.824q.467-.367.604-.94q.05-.161.164-.273t.276-.112t.273.122t.08.263q-.136.777-.712%201.346t-1.372.7v.916q0%20.153-.111.269t-.273.115t-.274-.115t-.111-.27v-.915q-.797-.13-1.372-.7q-.576-.569-.713-1.346q-.03-.142.081-.263t.273-.122t.276.112q.115.112.165.273q.136.573.603.94q.467.368%201.071.368t1.072-.368m-1.796-.697q-.295-.296-.295-.724v-1.692q0-.428.296-.724q.296-.295.724-.295t.724.295t.295.724v1.692q0%20.428-.296.724t-.724.296t-.724-.296M4.615%2021q-.69%200-1.153-.462T3%2019.385V16.5q0-.213.144-.356T3.501%2016t.356.144T4%2016.5v2.885q0%20.23.192.423t.423.192H7.5q.213%200%20.356.144t.144.357t-.144.356T7.5%2021zM3%207.5V4.616q0-.691.463-1.153T4.615%203H7.5q.213%200%20.356.144T8%203.501t-.144.356T7.5%204H4.616q-.231%200-.424.192T4%204.615V7.5q0%20.213-.144.356T3.499%208t-.356-.144T3%207.5M19.385%2021H16.5q-.213%200-.356-.144T16%2020.499t.144-.356T16.5%2020h2.885q.23%200%20.423-.192t.192-.424V16.5q0-.213.144-.356t.357-.144t.356.144t.143.356v2.885q0%20.69-.462%201.152T19.385%2021M20%207.5V4.616q0-.231-.192-.424T19.385%204H16.5q-.213%200-.356-.144T16%203.499t.144-.356T16.5%203h2.885q.69%200%201.152.463T21%204.615V7.5q0%20.213-.144.356T20.499%208t-.356-.144T20%207.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/frame-person-mic-outline-rounded.svg?color=%231a73e8&size=48
