file audio icon

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

Name
file-audio
Set
Font Awesome 6 Solid
Style
Regular
Category
Audio & Video
Viewbox
384×512
License
CC BY 4.0

The same icon in other sets

file-audioFont Awesome 6 Regularfile-audioFont Awesome Regularfile-audioFont Awesome Solidfile-audioHuge Iconsfile-audioLine Awesomefile-audioLucidefile-audioPhosphor

More audio & video icons from Font Awesome 6 Solid

backwardcirclecompressejectexpandfile-videofilmforwardheadphonesmicrophonemicrophone-slashmusicpausepodcastrssstoptvvideovolume-offfile-codefile-contractfile-csvfile-excelfile-export

Use the file audio icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0zm192 0v128h128zm2 226.3c37.1 22.4 62 63.1 62 109.7s-24.9 87.3-62 109.7c-7.6 4.6-17.4 2.1-22-5.4s-2.1-17.4 5.4-22c28-16.8 46.6-47.4 46.6-82.3s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10 22-5.4zm-91.9 30.9c6 2.5 9.9 8.3 9.9 14.8v128c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5L113.4 376H80c-8.8 0-16-7.2-16-16v-48c0-8.8 7.2-16 16-16h33.4l35.3-35.3c4.6-4.6 11.5-5.9 17.4-3.5m51 34.9c6.6-5.9 16.7-5.3 22.6 1.3c10.1 11.2 16.3 26.2 16.3 42.6s-6.2 31.4-16.3 42.7c-5.9 6.6-16 7.1-22.6 1.3s-7.1-16-1.3-22.6c5.1-5.7 8.1-13.1 8.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7 1.3-22.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFileAudio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0zm192 0v128h128zm2 226.3c37.1 22.4 62 63.1 62 109.7s-24.9 87.3-62 109.7c-7.6 4.6-17.4 2.1-22-5.4s-2.1-17.4 5.4-22c28-16.8 46.6-47.4 46.6-82.3s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10 22-5.4zm-91.9 30.9c6 2.5 9.9 8.3 9.9 14.8v128c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5L113.4 376H80c-8.8 0-16-7.2-16-16v-48c0-8.8 7.2-16 16-16h33.4l35.3-35.3c4.6-4.6 11.5-5.9 17.4-3.5m51 34.9c6.6-5.9 16.7-5.3 22.6 1.3c10.1 11.2 16.3 26.2 16.3 42.6s-6.2 31.4-16.3 42.7c-5.9 6.6-16 7.1-22.6 1.3s-7.1-16-1.3-22.6c5.1-5.7 8.1-13.1 8.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7 1.3-22.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0zm192 0v128h128zm2 226.3c37.1 22.4 62 63.1 62 109.7s-24.9 87.3-62 109.7c-7.6 4.6-17.4 2.1-22-5.4s-2.1-17.4 5.4-22c28-16.8 46.6-47.4 46.6-82.3s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10 22-5.4zm-91.9 30.9c6 2.5 9.9 8.3 9.9 14.8v128c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5L113.4 376H80c-8.8 0-16-7.2-16-16v-48c0-8.8 7.2-16 16-16h33.4l35.3-35.3c4.6-4.6 11.5-5.9 17.4-3.5m51 34.9c6.6-5.9 16.7-5.3 22.6 1.3c10.1 11.2 16.3 26.2 16.3 42.6s-6.2 31.4-16.3 42.7c-5.9 6.6-16 7.1-22.6 1.3s-7.1-16-1.3-22.6c5.1-5.7 8.1-13.1 8.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7 1.3-22.6z"/></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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%200C28.7%200%200%2028.7%200%2064v384c0%2035.3%2028.7%2064%2064%2064h256c35.3%200%2064-28.7%2064-64V160H256c-17.7%200-32-14.3-32-32V0zm192%200v128h128zm2%20226.3c37.1%2022.4%2062%2063.1%2062%20109.7s-24.9%2087.3-62%20109.7c-7.6%204.6-17.4%202.1-22-5.4s-2.1-17.4%205.4-22c28-16.8%2046.6-47.4%2046.6-82.3s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10%2022-5.4zm-91.9%2030.9c6%202.5%209.9%208.3%209.9%2014.8v128c0%206.5-3.9%2012.3-9.9%2014.8s-12.9%201.1-17.4-3.5L113.4%20376H80c-8.8%200-16-7.2-16-16v-48c0-8.8%207.2-16%2016-16h33.4l35.3-35.3c4.6-4.6%2011.5-5.9%2017.4-3.5m51%2034.9c6.6-5.9%2016.7-5.3%2022.6%201.3c10.1%2011.2%2016.3%2026.2%2016.3%2042.6s-6.2%2031.4-16.3%2042.7c-5.9%206.6-16%207.1-22.6%201.3s-7.1-16-1.3-22.6c5.1-5.7%208.1-13.1%208.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7%201.3-22.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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%200C28.7%200%200%2028.7%200%2064v384c0%2035.3%2028.7%2064%2064%2064h256c35.3%200%2064-28.7%2064-64V160H256c-17.7%200-32-14.3-32-32V0zm192%200v128h128zm2%20226.3c37.1%2022.4%2062%2063.1%2062%20109.7s-24.9%2087.3-62%20109.7c-7.6%204.6-17.4%202.1-22-5.4s-2.1-17.4%205.4-22c28-16.8%2046.6-47.4%2046.6-82.3s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10%2022-5.4zm-91.9%2030.9c6%202.5%209.9%208.3%209.9%2014.8v128c0%206.5-3.9%2012.3-9.9%2014.8s-12.9%201.1-17.4-3.5L113.4%20376H80c-8.8%200-16-7.2-16-16v-48c0-8.8%207.2-16%2016-16h33.4l35.3-35.3c4.6-4.6%2011.5-5.9%2017.4-3.5m51%2034.9c6.6-5.9%2016.7-5.3%2022.6%201.3c10.1%2011.2%2016.3%2026.2%2016.3%2042.6s-6.2%2031.4-16.3%2042.7c-5.9%206.6-16%207.1-22.6%201.3s-7.1-16-1.3-22.6c5.1-5.7%208.1-13.1%208.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7%201.3-22.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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