user sound icon
user-sound from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- user-sound
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the user sound icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M144 165.68a68 68 0 1 0-71.9 0c-20.65 6.76-39.23 19.39-54.17 37.17a8 8 0 0 0 12.25 10.3C50.25 189.19 77.91 176 108 176s57.75 13.19 77.88 37.15a8 8 0 1 0 12.25-10.3c-14.95-17.78-33.53-30.41-54.13-37.17M56 108a52 52 0 1 1 52 52a52.06 52.06 0 0 1-52-52m151.36-42.4a108.36 108.36 0 0 1 0 84.8a8 8 0 0 1-7.36 4.86a8 8 0 0 1-7.36-11.15a92.26 92.26 0 0 0 0-72.22a8 8 0 0 1 14.72-6.29M248 108a139 139 0 0 1-11.29 55.15a8 8 0 0 1-14.7-6.3a124.43 124.43 0 0 0 0-97.7a8 8 0 1 1 14.7-6.3A139 139 0 0 1 248 108"/></svg>
React
import type { SVGProps } from "react";
export function PhUserSound(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M144 165.68a68 68 0 1 0-71.9 0c-20.65 6.76-39.23 19.39-54.17 37.17a8 8 0 0 0 12.25 10.3C50.25 189.19 77.91 176 108 176s57.75 13.19 77.88 37.15a8 8 0 1 0 12.25-10.3c-14.95-17.78-33.53-30.41-54.13-37.17M56 108a52 52 0 1 1 52 52a52.06 52.06 0 0 1-52-52m151.36-42.4a108.36 108.36 0 0 1 0 84.8a8 8 0 0 1-7.36 4.86a8 8 0 0 1-7.36-11.15a92.26 92.26 0 0 0 0-72.22a8 8 0 0 1 14.72-6.29M248 108a139 139 0 0 1-11.29 55.15a8 8 0 0 1-14.7-6.3a124.43 124.43 0 0 0 0-97.7a8 8 0 1 1 14.7-6.3A139 139 0 0 1 248 108"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M144 165.68a68 68 0 1 0-71.9 0c-20.65 6.76-39.23 19.39-54.17 37.17a8 8 0 0 0 12.25 10.3C50.25 189.19 77.91 176 108 176s57.75 13.19 77.88 37.15a8 8 0 1 0 12.25-10.3c-14.95-17.78-33.53-30.41-54.13-37.17M56 108a52 52 0 1 1 52 52a52.06 52.06 0 0 1-52-52m151.36-42.4a108.36 108.36 0 0 1 0 84.8a8 8 0 0 1-7.36 4.86a8 8 0 0 1-7.36-11.15a92.26 92.26 0 0 0 0-72.22a8 8 0 0 1 14.72-6.29M248 108a139 139 0 0 1-11.29 55.15a8 8 0 0 1-14.7-6.3a124.43 124.43 0 0 0 0-97.7a8 8 0 1 1 14.7-6.3A139 139 0 0 1 248 108"/></svg> </template>
CSS
.icon-user-sound {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M144%20165.68a68%2068%200%201%200-71.9%200c-20.65%206.76-39.23%2019.39-54.17%2037.17a8%208%200%200%200%2012.25%2010.3C50.25%20189.19%2077.91%20176%20108%20176s57.75%2013.19%2077.88%2037.15a8%208%200%201%200%2012.25-10.3c-14.95-17.78-33.53-30.41-54.13-37.17M56%20108a52%2052%200%201%201%2052%2052a52.06%2052.06%200%200%201-52-52m151.36-42.4a108.36%20108.36%200%200%201%200%2084.8a8%208%200%200%201-7.36%204.86a8%208%200%200%201-7.36-11.15a92.26%2092.26%200%200%200%200-72.22a8%208%200%200%201%2014.72-6.29M248%20108a139%20139%200%200%201-11.29%2055.15a8%208%200%200%201-14.7-6.3a124.43%20124.43%200%200%200%200-97.7a8%208%200%201%201%2014.7-6.3A139%20139%200%200%201%20248%20108%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M144%20165.68a68%2068%200%201%200-71.9%200c-20.65%206.76-39.23%2019.39-54.17%2037.17a8%208%200%200%200%2012.25%2010.3C50.25%20189.19%2077.91%20176%20108%20176s57.75%2013.19%2077.88%2037.15a8%208%200%201%200%2012.25-10.3c-14.95-17.78-33.53-30.41-54.13-37.17M56%20108a52%2052%200%201%201%2052%2052a52.06%2052.06%200%200%201-52-52m151.36-42.4a108.36%20108.36%200%200%201%200%2084.8a8%208%200%200%201-7.36%204.86a8%208%200%200%201-7.36-11.15a92.26%2092.26%200%200%200%200-72.22a8%208%200%200%201%2014.72-6.29M248%20108a139%20139%200%200%201-11.29%2055.15a8%208%200%200%201-14.7-6.3a124.43%20124.43%200%200%200%200-97.7a8%208%200%201%201%2014.7-6.3A139%20139%200%200%201%20248%20108%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/user-sound.svg?color=%231a73e8&size=48
