person sound spatial icon
person-sound-spatial-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- person-sound-spatial-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
person-sound-spatial-16-filledperson-sound-spatial-16-regularperson-sound-spatial-20-filledperson-sound-spatial-20-regularperson-sound-spatial-24-filledperson-sound-spatial-24-regularperson-sound-spatial-28-regularperson-sound-spatial-32-filledperson-sound-spatial-32-regularperson-sound-spatial-48-filledperson-sound-spatial-48-regular
Related icons in Fluent UI System Icons
person-5-20-filledperson-6-20-filledperson-account-16-filledperson-accounts-20-filledperson-add-16-filledperson-alert-16-filledperson-alert-off-16-filledperson-arrow-back-16-filledperson-arrow-left-16-filledperson-arrow-right-16-filledperson-available-16-filledperson-board-12-filledperson-board-add-16-filledperson-briefcase-16-filledperson-call-16-filledperson-chat-16-filledperson-circle-12-filledperson-circle-off-12-filledperson-clock-16-filledperson-delete-16-filledperson-desktop-20-filledperson-edit-16-filledperson-error-16-filledperson-feedback-16-filled
Use the person sound spatial icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M24.666 13.833c-.293.293-.77.295-1.038-.021A8.96 8.96 0 0 1 21.5 8c0-2.216.8-4.245 2.128-5.813c.268-.316.745-.314 1.038-.021s.29.766.028 1.086A7.47 7.47 0 0 0 23 8c0 1.801.635 3.454 1.694 4.747c.262.32.265.793-.028 1.086m2.122-9.546c-.293-.293-.772-.295-1.027.032a5.97 5.97 0 0 0-1.261 3.68a5.97 5.97 0 0 0 1.261 3.681c.255.327.734.325 1.027.032s.287-.765.046-1.102A4.48 4.48 0 0 1 26 8c0-.973.309-1.874.834-2.61c.24-.338.247-.81-.046-1.103M21 16a3 3 0 0 1 3 3v.715C24 23.292 19.79 26 14 26S4 23.433 4 19.715V19a3 3 0 0 1 3-3zM14 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12M3.837 13.833c-.293-.293-.29-.765-.027-1.086A7.47 7.47 0 0 0 5.503 8A7.47 7.47 0 0 0 3.81 3.252c-.263-.32-.266-.793.027-1.086s.77-.295 1.038.021a8.96 8.96 0 0 1 2.128 5.81v.006a8.96 8.96 0 0 1-2.128 5.809c-.268.316-.745.314-1.038.021M2.742 11.68c-.254.327-.733.325-1.026.032s-.287-.765-.047-1.102A4.48 4.48 0 0 0 2.503 8a4.48 4.48 0 0 0-.834-2.61c-.24-.338-.246-.81.047-1.103s.772-.295 1.026.032a5.97 5.97 0 0 1 1.261 3.68a5.97 5.97 0 0 1-1.261 3.681"/></svg>
React
import type { SVGProps } from "react";
export function FluentPersonSoundSpatial28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M24.666 13.833c-.293.293-.77.295-1.038-.021A8.96 8.96 0 0 1 21.5 8c0-2.216.8-4.245 2.128-5.813c.268-.316.745-.314 1.038-.021s.29.766.028 1.086A7.47 7.47 0 0 0 23 8c0 1.801.635 3.454 1.694 4.747c.262.32.265.793-.028 1.086m2.122-9.546c-.293-.293-.772-.295-1.027.032a5.97 5.97 0 0 0-1.261 3.68a5.97 5.97 0 0 0 1.261 3.681c.255.327.734.325 1.027.032s.287-.765.046-1.102A4.48 4.48 0 0 1 26 8c0-.973.309-1.874.834-2.61c.24-.338.247-.81-.046-1.103M21 16a3 3 0 0 1 3 3v.715C24 23.292 19.79 26 14 26S4 23.433 4 19.715V19a3 3 0 0 1 3-3zM14 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12M3.837 13.833c-.293-.293-.29-.765-.027-1.086A7.47 7.47 0 0 0 5.503 8A7.47 7.47 0 0 0 3.81 3.252c-.263-.32-.266-.793.027-1.086s.77-.295 1.038.021a8.96 8.96 0 0 1 2.128 5.81v.006a8.96 8.96 0 0 1-2.128 5.809c-.268.316-.745.314-1.038.021M2.742 11.68c-.254.327-.733.325-1.026.032s-.287-.765-.047-1.102A4.48 4.48 0 0 0 2.503 8a4.48 4.48 0 0 0-.834-2.61c-.24-.338-.246-.81.047-1.103s.772-.295 1.026.032a5.97 5.97 0 0 1 1.261 3.68a5.97 5.97 0 0 1-1.261 3.681"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M24.666 13.833c-.293.293-.77.295-1.038-.021A8.96 8.96 0 0 1 21.5 8c0-2.216.8-4.245 2.128-5.813c.268-.316.745-.314 1.038-.021s.29.766.028 1.086A7.47 7.47 0 0 0 23 8c0 1.801.635 3.454 1.694 4.747c.262.32.265.793-.028 1.086m2.122-9.546c-.293-.293-.772-.295-1.027.032a5.97 5.97 0 0 0-1.261 3.68a5.97 5.97 0 0 0 1.261 3.681c.255.327.734.325 1.027.032s.287-.765.046-1.102A4.48 4.48 0 0 1 26 8c0-.973.309-1.874.834-2.61c.24-.338.247-.81-.046-1.103M21 16a3 3 0 0 1 3 3v.715C24 23.292 19.79 26 14 26S4 23.433 4 19.715V19a3 3 0 0 1 3-3zM14 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12M3.837 13.833c-.293-.293-.29-.765-.027-1.086A7.47 7.47 0 0 0 5.503 8A7.47 7.47 0 0 0 3.81 3.252c-.263-.32-.266-.793.027-1.086s.77-.295 1.038.021a8.96 8.96 0 0 1 2.128 5.81v.006a8.96 8.96 0 0 1-2.128 5.809c-.268.316-.745.314-1.038.021M2.742 11.68c-.254.327-.733.325-1.026.032s-.287-.765-.047-1.102A4.48 4.48 0 0 0 2.503 8a4.48 4.48 0 0 0-.834-2.61c-.24-.338-.246-.81.047-1.103s.772-.295 1.026.032a5.97 5.97 0 0 1 1.261 3.68a5.97 5.97 0 0 1-1.261 3.681"/></svg> </template>
CSS
.icon-person-sound-spatial-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.666%2013.833c-.293.293-.77.295-1.038-.021A8.96%208.96%200%200%201%2021.5%208c0-2.216.8-4.245%202.128-5.813c.268-.316.745-.314%201.038-.021s.29.766.028%201.086A7.47%207.47%200%200%200%2023%208c0%201.801.635%203.454%201.694%204.747c.262.32.265.793-.028%201.086m2.122-9.546c-.293-.293-.772-.295-1.027.032a5.97%205.97%200%200%200-1.261%203.68a5.97%205.97%200%200%200%201.261%203.681c.255.327.734.325%201.027.032s.287-.765.046-1.102A4.48%204.48%200%200%201%2026%208c0-.973.309-1.874.834-2.61c.24-.338.247-.81-.046-1.103M21%2016a3%203%200%200%201%203%203v.715C24%2023.292%2019.79%2026%2014%2026S4%2023.433%204%2019.715V19a3%203%200%200%201%203-3zM14%202a6%206%200%201%201%200%2012a6%206%200%200%201%200-12M3.837%2013.833c-.293-.293-.29-.765-.027-1.086A7.47%207.47%200%200%200%205.503%208A7.47%207.47%200%200%200%203.81%203.252c-.263-.32-.266-.793.027-1.086s.77-.295%201.038.021a8.96%208.96%200%200%201%202.128%205.81v.006a8.96%208.96%200%200%201-2.128%205.809c-.268.316-.745.314-1.038.021M2.742%2011.68c-.254.327-.733.325-1.026.032s-.287-.765-.047-1.102A4.48%204.48%200%200%200%202.503%208a4.48%204.48%200%200%200-.834-2.61c-.24-.338-.246-.81.047-1.103s.772-.295%201.026.032a5.97%205.97%200%200%201%201.261%203.68a5.97%205.97%200%200%201-1.261%203.681%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.666%2013.833c-.293.293-.77.295-1.038-.021A8.96%208.96%200%200%201%2021.5%208c0-2.216.8-4.245%202.128-5.813c.268-.316.745-.314%201.038-.021s.29.766.028%201.086A7.47%207.47%200%200%200%2023%208c0%201.801.635%203.454%201.694%204.747c.262.32.265.793-.028%201.086m2.122-9.546c-.293-.293-.772-.295-1.027.032a5.97%205.97%200%200%200-1.261%203.68a5.97%205.97%200%200%200%201.261%203.681c.255.327.734.325%201.027.032s.287-.765.046-1.102A4.48%204.48%200%200%201%2026%208c0-.973.309-1.874.834-2.61c.24-.338.247-.81-.046-1.103M21%2016a3%203%200%200%201%203%203v.715C24%2023.292%2019.79%2026%2014%2026S4%2023.433%204%2019.715V19a3%203%200%200%201%203-3zM14%202a6%206%200%201%201%200%2012a6%206%200%200%201%200-12M3.837%2013.833c-.293-.293-.29-.765-.027-1.086A7.47%207.47%200%200%200%205.503%208A7.47%207.47%200%200%200%203.81%203.252c-.263-.32-.266-.793.027-1.086s.77-.295%201.038.021a8.96%208.96%200%200%201%202.128%205.81v.006a8.96%208.96%200%200%201-2.128%205.809c-.268.316-.745.314-1.038.021M2.742%2011.68c-.254.327-.733.325-1.026.032s-.287-.765-.047-1.102A4.48%204.48%200%200%200%202.503%208a4.48%204.48%200%200%200-.834-2.61c-.24-.338-.246-.81.047-1.103s.772-.295%201.026.032a5.97%205.97%200%200%201%201.261%203.68a5.97%205.97%200%200%201-1.261%203.681%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/person-sound-spatial-28-filled.svg?color=%231a73e8&size=48
