file waveform icon
file-waveform from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- file-waveform
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Solid
file-altfile-archivefile-arrow-downfile-arrow-upfile-audiofile-circle-checkfile-circle-exclamationfile-circle-minusfile-circle-plusfile-circle-questionfile-circle-xmarkfile-clipboardfile-codefile-contractfile-csvfile-downloadfile-editfile-excelfile-exportfile-fragmentfile-half-dashedfile-imagefile-importfile-invoice
Use the file waveform 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-64v-96h60.3l48.8 62.7c5.1 6.6 13.3 10 21.6 9.1s15.5-6.1 19.1-13.6l42.9-91.2l9.9 19.8c4.1 8.1 12.4 13.3 21.5 13.3h72c13.3 0 24-10.7 24-24s-10.7-24-24-24h-57.2l-25.4-50.7c-4.1-8.2-12.6-13.4-21.8-13.3s-17.5 5.5-21.4 13.8L251 418.5l-32-41.1c-4.6-6-11.6-9.4-19-9.4h-72zm208-5.5V216c0 13.3 10.7 24 24 24h93.5z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidFileWaveform(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-64v-96h60.3l48.8 62.7c5.1 6.6 13.3 10 21.6 9.1s15.5-6.1 19.1-13.6l42.9-91.2l9.9 19.8c4.1 8.1 12.4 13.3 21.5 13.3h72c13.3 0 24-10.7 24-24s-10.7-24-24-24h-57.2l-25.4-50.7c-4.1-8.2-12.6-13.4-21.8-13.3s-17.5 5.5-21.4 13.8L251 418.5l-32-41.1c-4.6-6-11.6-9.4-19-9.4h-72zm208-5.5V216c0 13.3 10.7 24 24 24h93.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-64v-96h60.3l48.8 62.7c5.1 6.6 13.3 10 21.6 9.1s15.5-6.1 19.1-13.6l42.9-91.2l9.9 19.8c4.1 8.1 12.4 13.3 21.5 13.3h72c13.3 0 24-10.7 24-24s-10.7-24-24-24h-57.2l-25.4-50.7c-4.1-8.2-12.6-13.4-21.8-13.3s-17.5 5.5-21.4 13.8L251 418.5l-32-41.1c-4.6-6-11.6-9.4-19-9.4h-72zm208-5.5V216c0 13.3 10.7 24 24 24h93.5z"/></svg> </template>
CSS
.icon-file-waveform {
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-64v-96h60.3l48.8%2062.7c5.1%206.6%2013.3%2010%2021.6%209.1s15.5-6.1%2019.1-13.6l42.9-91.2l9.9%2019.8c4.1%208.1%2012.4%2013.3%2021.5%2013.3h72c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-57.2l-25.4-50.7c-4.1-8.2-12.6-13.4-21.8-13.3s-17.5%205.5-21.4%2013.8L251%20418.5l-32-41.1c-4.6-6-11.6-9.4-19-9.4h-72zm208-5.5V216c0%2013.3%2010.7%2024%2024%2024h93.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-64v-96h60.3l48.8%2062.7c5.1%206.6%2013.3%2010%2021.6%209.1s15.5-6.1%2019.1-13.6l42.9-91.2l9.9%2019.8c4.1%208.1%2012.4%2013.3%2021.5%2013.3h72c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-57.2l-25.4-50.7c-4.1-8.2-12.6-13.4-21.8-13.3s-17.5%205.5-21.4%2013.8L251%20418.5l-32-41.1c-4.6-6-11.6-9.4-19-9.4h-72zm208-5.5V216c0%2013.3%2010.7%2024%2024%2024h93.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-waveform.svg?color=%231a73e8&size=48
