file audio icon

file-audio from Font Awesome Solid by Dave Gandy · Solid · Audio & Video · CC-BY-4.0 Attribution required.

Name: file-audio
Set: Font Awesome Solid
Style: Solid
Category: Audio & Video
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

file-audioFont Awesome 6 Regular file-audioFont Awesome 6 Solid file-audioFont Awesome Regular file-audioHuge Icons file-audioLine Awesome file-audioLucide file-audioPhosphor

More audio & video icons from Font Awesome Solid

Use the file audio icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 128c0-35.3 28.7-64 64-64h149.5c17 0 33.3 6.7 45.3 18.7l106.5 106.6c12 12 18.7 28.3 18.7 45.3V512c0 35.3-28.7 64-64 64H192c-35.3 0-64-28.7-64-64zm208-5.5V216c0 13.3 10.7 24 24 24h93.5zm53.8 185.2c-9.1-6.3-21.5-4.1-27.8 5s-4.1 21.5 5 27.8c23.9 16.7 39.4 44.3 39.4 75.5s-15.6 58.9-39.4 75.5c-9.1 6.3-11.3 18.8-5 27.8s18.8 11.3 27.8 5c34.1-23.8 56.6-63.5 56.6-108.3s-22.4-84.5-56.6-108.3M208 376c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h24l27.2 34c3 3.8 7.6 6 12.5 6h.3c8.8 0 16-7.2 16-16V352c0-8.8-7.2-16-16-16h-.3c-4.9 0-9.5 2.2-12.5 6L232 376zm128 72.2c0 10.7 10.5 18.2 18.9 11.6c12.9-10.3 21.1-26.1 21.1-43.8s-8.2-33.5-21.1-43.8c-8.4-6.7-18.9.9-18.9 11.6v64.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidFileAudio(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="M128 128c0-35.3 28.7-64 64-64h149.5c17 0 33.3 6.7 45.3 18.7l106.5 106.6c12 12 18.7 28.3 18.7 45.3V512c0 35.3-28.7 64-64 64H192c-35.3 0-64-28.7-64-64zm208-5.5V216c0 13.3 10.7 24 24 24h93.5zm53.8 185.2c-9.1-6.3-21.5-4.1-27.8 5s-4.1 21.5 5 27.8c23.9 16.7 39.4 44.3 39.4 75.5s-15.6 58.9-39.4 75.5c-9.1 6.3-11.3 18.8-5 27.8s18.8 11.3 27.8 5c34.1-23.8 56.6-63.5 56.6-108.3s-22.4-84.5-56.6-108.3M208 376c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h24l27.2 34c3 3.8 7.6 6 12.5 6h.3c8.8 0 16-7.2 16-16V352c0-8.8-7.2-16-16-16h-.3c-4.9 0-9.5 2.2-12.5 6L232 376zm128 72.2c0 10.7 10.5 18.2 18.9 11.6c12.9-10.3 21.1-26.1 21.1-43.8s-8.2-33.5-21.1-43.8c-8.4-6.7-18.9.9-18.9 11.6v64.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="M128 128c0-35.3 28.7-64 64-64h149.5c17 0 33.3 6.7 45.3 18.7l106.5 106.6c12 12 18.7 28.3 18.7 45.3V512c0 35.3-28.7 64-64 64H192c-35.3 0-64-28.7-64-64zm208-5.5V216c0 13.3 10.7 24 24 24h93.5zm53.8 185.2c-9.1-6.3-21.5-4.1-27.8 5s-4.1 21.5 5 27.8c23.9 16.7 39.4 44.3 39.4 75.5s-15.6 58.9-39.4 75.5c-9.1 6.3-11.3 18.8-5 27.8s18.8 11.3 27.8 5c34.1-23.8 56.6-63.5 56.6-108.3s-22.4-84.5-56.6-108.3M208 376c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h24l27.2 34c3 3.8 7.6 6 12.5 6h.3c8.8 0 16-7.2 16-16V352c0-8.8-7.2-16-16-16h-.3c-4.9 0-9.5 2.2-12.5 6L232 376zm128 72.2c0 10.7 10.5 18.2 18.9 11.6c12.9-10.3 21.1-26.1 21.1-43.8s-8.2-33.5-21.1-43.8c-8.4-6.7-18.9.9-18.9 11.6v64.5z"/></svg>
</template>

CSS

.icon-file-audio {
  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%22M128%20128c0-35.3%2028.7-64%2064-64h149.5c17%200%2033.3%206.7%2045.3%2018.7l106.5%20106.6c12%2012%2018.7%2028.3%2018.7%2045.3V512c0%2035.3-28.7%2064-64%2064H192c-35.3%200-64-28.7-64-64zm208-5.5V216c0%2013.3%2010.7%2024%2024%2024h93.5zm53.8%20185.2c-9.1-6.3-21.5-4.1-27.8%205s-4.1%2021.5%205%2027.8c23.9%2016.7%2039.4%2044.3%2039.4%2075.5s-15.6%2058.9-39.4%2075.5c-9.1%206.3-11.3%2018.8-5%2027.8s18.8%2011.3%2027.8%205c34.1-23.8%2056.6-63.5%2056.6-108.3s-22.4-84.5-56.6-108.3M208%20376c-8.8%200-16%207.2-16%2016v48c0%208.8%207.2%2016%2016%2016h24l27.2%2034c3%203.8%207.6%206%2012.5%206h.3c8.8%200%2016-7.2%2016-16V352c0-8.8-7.2-16-16-16h-.3c-4.9%200-9.5%202.2-12.5%206L232%20376zm128%2072.2c0%2010.7%2010.5%2018.2%2018.9%2011.6c12.9-10.3%2021.1-26.1%2021.1-43.8s-8.2-33.5-21.1-43.8c-8.4-6.7-18.9.9-18.9%2011.6v64.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%22M128%20128c0-35.3%2028.7-64%2064-64h149.5c17%200%2033.3%206.7%2045.3%2018.7l106.5%20106.6c12%2012%2018.7%2028.3%2018.7%2045.3V512c0%2035.3-28.7%2064-64%2064H192c-35.3%200-64-28.7-64-64zm208-5.5V216c0%2013.3%2010.7%2024%2024%2024h93.5zm53.8%20185.2c-9.1-6.3-21.5-4.1-27.8%205s-4.1%2021.5%205%2027.8c23.9%2016.7%2039.4%2044.3%2039.4%2075.5s-15.6%2058.9-39.4%2075.5c-9.1%206.3-11.3%2018.8-5%2027.8s18.8%2011.3%2027.8%205c34.1-23.8%2056.6-63.5%2056.6-108.3s-22.4-84.5-56.6-108.3M208%20376c-8.8%200-16%207.2-16%2016v48c0%208.8%207.2%2016%2016%2016h24l27.2%2034c3%203.8%207.6%206%2012.5%206h.3c8.8%200%2016-7.2%2016-16V352c0-8.8-7.2-16-16-16h-.3c-4.9%200-9.5%202.2-12.5%206L232%20376zm128%2072.2c0%2010.7%2010.5%2018.2%2018.9%2011.6c12.9-10.3%2021.1-26.1%2021.1-43.8s-8.2-33.5-21.1-43.8c-8.4-6.7-18.9.9-18.9%2011.6v64.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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