file image icon

file-image from Font Awesome Solid by Dave Gandy · Solid · Files · CC-BY-4.0 Attribution required.

Name
file-image
Set
Font Awesome Solid
Style
Solid
Category
Files
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

file-image-filledAnt Design Iconsfile-imageBootstrap Iconsfile-imageBoxIcons v2 Solidfile-imageFont Awesome 6 Regularfile-imageFont Awesome 6 Solidfile-imageFont Awesome Regularfile-image-outlineFlowbite Iconsfile-imageHuge Iconsfile-imageLine Awesomefile-imageLucidefile-imageMaterial Design Iconsfile-imagePhosphorfile-image-fillRemix Iconfile-imageTDesign Icons

More files icons from Font Awesome Solid

file-archivefile-excelfile-pdffile-powerpointfile-wordfile-altfile-audiofile-codefile-contractfile-csvfile-downloadfile-exportfile-importfile-invoicefile-invoice-dollarfile-medicalfile-medical-altfile-prescriptionfile-signaturefile-uploadfile-videofile-arrow-downfile-arrow-upfile-circle-check

Use the file image 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.5zM256 320c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m-35.4 192h198.8c15.8 0 28.6-12.8 28.6-28.6c0-7.3-2.8-14.4-7.9-19.7l-96.8-101.8c-6-6.3-14.4-9.9-23.2-9.9h-.3c-8.8 0-17.1 3.6-23.2 9.9l-96.7 101.8c-5.1 5.3-7.9 12.4-7.9 19.7c0 15.8 12.8 28.6 28.6 28.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidFileImage(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.5zM256 320c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m-35.4 192h198.8c15.8 0 28.6-12.8 28.6-28.6c0-7.3-2.8-14.4-7.9-19.7l-96.8-101.8c-6-6.3-14.4-9.9-23.2-9.9h-.3c-8.8 0-17.1 3.6-23.2 9.9l-96.7 101.8c-5.1 5.3-7.9 12.4-7.9 19.7c0 15.8 12.8 28.6 28.6 28.6"/></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.5zM256 320c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m-35.4 192h198.8c15.8 0 28.6-12.8 28.6-28.6c0-7.3-2.8-14.4-7.9-19.7l-96.8-101.8c-6-6.3-14.4-9.9-23.2-9.9h-.3c-8.8 0-17.1 3.6-23.2 9.9l-96.7 101.8c-5.1 5.3-7.9 12.4-7.9 19.7c0 15.8 12.8 28.6 28.6 28.6"/></svg>
</template>

CSS

.icon-file-image {
  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.5zM256%20320c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m-35.4%20192h198.8c15.8%200%2028.6-12.8%2028.6-28.6c0-7.3-2.8-14.4-7.9-19.7l-96.8-101.8c-6-6.3-14.4-9.9-23.2-9.9h-.3c-8.8%200-17.1%203.6-23.2%209.9l-96.7%20101.8c-5.1%205.3-7.9%2012.4-7.9%2019.7c0%2015.8%2012.8%2028.6%2028.6%2028.6%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.5zM256%20320c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m-35.4%20192h198.8c15.8%200%2028.6-12.8%2028.6-28.6c0-7.3-2.8-14.4-7.9-19.7l-96.8-101.8c-6-6.3-14.4-9.9-23.2-9.9h-.3c-8.8%200-17.1%203.6-23.2%209.9l-96.7%20101.8c-5.1%205.3-7.9%2012.4-7.9%2019.7c0%2015.8%2012.8%2028.6%2028.6%2028.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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