phone volume icon

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

Name
phone-volume
Set
Font Awesome 6 Solid
Style
Regular
Category
Accessibility
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

phone-volumeFont Awesome Solidphone-volumeLine Awesomephone-volumeUnicons

More accessibility icons from Font Awesome 6 Solid

audio-descriptionbrailleclosed-captioningttyuniversal-accesswheelchairphone-slashphone-flip

Use the phone volume icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M280 0c128.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 192a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-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-24M117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7l40.3-49.3c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64c0-18 12.1-33.8 29.5-38.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPhoneVolume(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M280 0c128.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 192a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-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-24M117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7l40.3-49.3c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64c0-18 12.1-33.8 29.5-38.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M280 0c128.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 192a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-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-24M117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7l40.3-49.3c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64c0-18 12.1-33.8 29.5-38.6z"/></svg>
</template>

CSS

.icon-phone-volume {
  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%20fill%3D%22currentColor%22%20d%3D%22M280%200c128.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%20192a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m-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-24M117.5%201.4c19.4-5.3%2039.7%204.6%2047.4%2023.2l40%2096c6.8%2016.3%202.1%2035.2-11.6%2046.3L144%20207.3c33.3%2070.4%2090.3%20127.4%20160.7%20160.7l40.3-49.3c11.2-13.7%2030-18.4%2046.3-11.6l96%2040c18.6%207.7%2028.5%2028%2023.2%2047.4l-24%2088C481.8%20499.9%20466%20512%20448%20512C200.6%20512%200%20311.4%200%2064c0-18%2012.1-33.8%2029.5-38.6z%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%20fill%3D%22currentColor%22%20d%3D%22M280%200c128.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%20192a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m-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-24M117.5%201.4c19.4-5.3%2039.7%204.6%2047.4%2023.2l40%2096c6.8%2016.3%202.1%2035.2-11.6%2046.3L144%20207.3c33.3%2070.4%2090.3%20127.4%20160.7%20160.7l40.3-49.3c11.2-13.7%2030-18.4%2046.3-11.6l96%2040c18.6%207.7%2028.5%2028%2023.2%2047.4l-24%2088C481.8%20499.9%20466%20512%20448%20512C200.6%20512%200%20311.4%200%2064c0-18%2012.1-33.8%2029.5-38.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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