volume control phone icon

volume-control-phone from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name
volume-control-phone
Set
Font Awesome Solid
Style
Solid
Viewbox
640×640
License
CC BY 4.0

Related icons in Font Awesome Solid

volume-downvolume-highvolume-lowvolume-mediumvolume-mutevolume-offvolume-timesvolume-upvolume-xmark

Use the volume control phone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M376 32c128.1 0 232 103.9 232 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24m8 192c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24M176.1 65.4c19.7-5.4 40.3 4.7 48.1 23.5l40.5 97.3c6.9 16.5 2.1 35.6-11.8 47l-44.1 36.1c32.5 71.6 89 130 159.3 164.9l38.6-47.2c11.3-13.9 30.4-18.6 47-11.8l97.3 40.6c18.8 7.8 28.9 28.4 23.5 48.1l-1.5 5.5c-17.6 64.7-80.1 119.9-156.4 103.8c-175-37.1-312.7-174.8-349.8-349.8c-16.1-76.3 39.1-138.8 103.7-156.5l5.5-1.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidVolumeControlPhone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M376 32c128.1 0 232 103.9 232 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24m8 192c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24M176.1 65.4c19.7-5.4 40.3 4.7 48.1 23.5l40.5 97.3c6.9 16.5 2.1 35.6-11.8 47l-44.1 36.1c32.5 71.6 89 130 159.3 164.9l38.6-47.2c11.3-13.9 30.4-18.6 47-11.8l97.3 40.6c18.8 7.8 28.9 28.4 23.5 48.1l-1.5 5.5c-17.6 64.7-80.1 119.9-156.4 103.8c-175-37.1-312.7-174.8-349.8-349.8c-16.1-76.3 39.1-138.8 103.7-156.5l5.5-1.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M376 32c128.1 0 232 103.9 232 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24m8 192c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24M176.1 65.4c19.7-5.4 40.3 4.7 48.1 23.5l40.5 97.3c6.9 16.5 2.1 35.6-11.8 47l-44.1 36.1c32.5 71.6 89 130 159.3 164.9l38.6-47.2c11.3-13.9 30.4-18.6 47-11.8l97.3 40.6c18.8 7.8 28.9 28.4 23.5 48.1l-1.5 5.5c-17.6 64.7-80.1 119.9-156.4 103.8c-175-37.1-312.7-174.8-349.8-349.8c-16.1-76.3 39.1-138.8 103.7-156.5l5.5-1.5z"/></svg>
</template>

CSS

.icon-volume-control-phone {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376%2032c128.1%200%20232%20103.9%20232%20232c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3%200-24-10.7-24-24s10.7-24%2024-24m8%20192c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32m-32-72c0-13.3%2010.7-24%2024-24c75.1%200%20136%2060.9%20136%20136c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3%200-24-10.7-24-24M176.1%2065.4c19.7-5.4%2040.3%204.7%2048.1%2023.5l40.5%2097.3c6.9%2016.5%202.1%2035.6-11.8%2047l-44.1%2036.1c32.5%2071.6%2089%20130%20159.3%20164.9l38.6-47.2c11.3-13.9%2030.4-18.6%2047-11.8l97.3%2040.6c18.8%207.8%2028.9%2028.4%2023.5%2048.1l-1.5%205.5c-17.6%2064.7-80.1%20119.9-156.4%20103.8c-175-37.1-312.7-174.8-349.8-349.8c-16.1-76.3%2039.1-138.8%20103.7-156.5l5.5-1.5z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376%2032c128.1%200%20232%20103.9%20232%20232c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3%200-24-10.7-24-24s10.7-24%2024-24m8%20192c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32m-32-72c0-13.3%2010.7-24%2024-24c75.1%200%20136%2060.9%20136%20136c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3%200-24-10.7-24-24M176.1%2065.4c19.7-5.4%2040.3%204.7%2048.1%2023.5l40.5%2097.3c6.9%2016.5%202.1%2035.6-11.8%2047l-44.1%2036.1c32.5%2071.6%2089%20130%20159.3%20164.9l38.6-47.2c11.3-13.9%2030.4-18.6%2047-11.8l97.3%2040.6c18.8%207.8%2028.9%2028.4%2023.5%2048.1l-1.5%205.5c-17.6%2064.7-80.1%20119.9-156.4%20103.8c-175-37.1-312.7-174.8-349.8-349.8c-16.1-76.3%2039.1-138.8%20103.7-156.5l5.5-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/volume-control-phone.svg?color=%231a73e8&size=48