file audio icon
file-audio-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- file-audio-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the file audio icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M96.59 124.91a12 12 0 0 0-13.08 2.6L63 148H44a12 12 0 0 0-12 12v40a12 12 0 0 0 12 12h19l20.48 20.48A12 12 0 0 0 104 224v-88a12 12 0 0 0-7.41-11.09M80 195l-3.51-3.52A12 12 0 0 0 68 188H56v-16h12a12 12 0 0 0 8.49-3.51L80 165Zm80-15a44.55 44.55 0 0 1-21.95 38.36A12 12 0 1 1 126 197.64a20.51 20.51 0 0 0 0-35.28a12 12 0 1 1 12.1-20.72A44.55 44.55 0 0 1 160 180m56.49-100.49l-56-56A12 12 0 0 0 152 20H56a20 20 0 0 0-20 20v72a12 12 0 0 0 24 0V44h76v48a12 12 0 0 0 12 12h48v108h-16a12 12 0 0 0 0 24h20a20 20 0 0 0 20-20V88a12 12 0 0 0-3.51-8.49M160 57l23 23h-23Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFileAudioBold(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="M96.59 124.91a12 12 0 0 0-13.08 2.6L63 148H44a12 12 0 0 0-12 12v40a12 12 0 0 0 12 12h19l20.48 20.48A12 12 0 0 0 104 224v-88a12 12 0 0 0-7.41-11.09M80 195l-3.51-3.52A12 12 0 0 0 68 188H56v-16h12a12 12 0 0 0 8.49-3.51L80 165Zm80-15a44.55 44.55 0 0 1-21.95 38.36A12 12 0 1 1 126 197.64a20.51 20.51 0 0 0 0-35.28a12 12 0 1 1 12.1-20.72A44.55 44.55 0 0 1 160 180m56.49-100.49l-56-56A12 12 0 0 0 152 20H56a20 20 0 0 0-20 20v72a12 12 0 0 0 24 0V44h76v48a12 12 0 0 0 12 12h48v108h-16a12 12 0 0 0 0 24h20a20 20 0 0 0 20-20V88a12 12 0 0 0-3.51-8.49M160 57l23 23h-23Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M96.59 124.91a12 12 0 0 0-13.08 2.6L63 148H44a12 12 0 0 0-12 12v40a12 12 0 0 0 12 12h19l20.48 20.48A12 12 0 0 0 104 224v-88a12 12 0 0 0-7.41-11.09M80 195l-3.51-3.52A12 12 0 0 0 68 188H56v-16h12a12 12 0 0 0 8.49-3.51L80 165Zm80-15a44.55 44.55 0 0 1-21.95 38.36A12 12 0 1 1 126 197.64a20.51 20.51 0 0 0 0-35.28a12 12 0 1 1 12.1-20.72A44.55 44.55 0 0 1 160 180m56.49-100.49l-56-56A12 12 0 0 0 152 20H56a20 20 0 0 0-20 20v72a12 12 0 0 0 24 0V44h76v48a12 12 0 0 0 12 12h48v108h-16a12 12 0 0 0 0 24h20a20 20 0 0 0 20-20V88a12 12 0 0 0-3.51-8.49M160 57l23 23h-23Z"/></svg> </template>
CSS
.icon-file-audio-bold {
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%22M96.59%20124.91a12%2012%200%200%200-13.08%202.6L63%20148H44a12%2012%200%200%200-12%2012v40a12%2012%200%200%200%2012%2012h19l20.48%2020.48A12%2012%200%200%200%20104%20224v-88a12%2012%200%200%200-7.41-11.09M80%20195l-3.51-3.52A12%2012%200%200%200%2068%20188H56v-16h12a12%2012%200%200%200%208.49-3.51L80%20165Zm80-15a44.55%2044.55%200%200%201-21.95%2038.36A12%2012%200%201%201%20126%20197.64a20.51%2020.51%200%200%200%200-35.28a12%2012%200%201%201%2012.1-20.72A44.55%2044.55%200%200%201%20160%20180m56.49-100.49l-56-56A12%2012%200%200%200%20152%2020H56a20%2020%200%200%200-20%2020v72a12%2012%200%200%200%2024%200V44h76v48a12%2012%200%200%200%2012%2012h48v108h-16a12%2012%200%200%200%200%2024h20a20%2020%200%200%200%2020-20V88a12%2012%200%200%200-3.51-8.49M160%2057l23%2023h-23Z%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%22M96.59%20124.91a12%2012%200%200%200-13.08%202.6L63%20148H44a12%2012%200%200%200-12%2012v40a12%2012%200%200%200%2012%2012h19l20.48%2020.48A12%2012%200%200%200%20104%20224v-88a12%2012%200%200%200-7.41-11.09M80%20195l-3.51-3.52A12%2012%200%200%200%2068%20188H56v-16h12a12%2012%200%200%200%208.49-3.51L80%20165Zm80-15a44.55%2044.55%200%200%201-21.95%2038.36A12%2012%200%201%201%20126%20197.64a20.51%2020.51%200%200%200%200-35.28a12%2012%200%201%201%2012.1-20.72A44.55%2044.55%200%200%201%20160%20180m56.49-100.49l-56-56A12%2012%200%200%200%20152%2020H56a20%2020%200%200%200-20%2020v72a12%2012%200%200%200%2024%200V44h76v48a12%2012%200%200%200%2012%2012h48v108h-16a12%2012%200%200%200%200%2024h20a20%2020%200%200%200%2020-20V88a12%2012%200%200%200-3.51-8.49M160%2057l23%2023h-23Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/file-audio-bold.svg?color=%231a73e8&size=48
