file edit icon

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

Name
file-edit
Set
Font Awesome Solid
Style
Solid
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

file-editHuge Iconsfile-editMaterial Design Iconsfile-editPrime Iconsfile-edit-fillRemix Iconfile-editTDesign Icons

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-excelfile-exportfile-fragmentfile-half-dashedfile-imagefile-importfile-invoicefile-invoice-dollar

Use the file edit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128.1 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h146.2l10.9-54.5c4.3-21.7 15-41.6 30.6-57.2L448 332.1v-97.5c0-17-6.7-33.3-18.7-45.3L322.8 82.7c-12-12-28.3-18.7-45.2-18.7zm261.5 176h-93.5c-13.3 0-24-10.7-24-24v-93.5zm-57.3 290.9l-11.9 59.6c-.2.9-.3 1.9-.3 2.9c0 8 6.5 14.6 14.6 14.6c1 0 1.9-.1 2.9-.3l59.6-11.9c12.4-2.5 23.8-8.6 32.7-17.5l118.9-118.9l-80-80l-118.9 118.9c-8.9 8.9-15 20.3-17.5 32.7zm267.8-123c22.1-22.1 22.1-57.9 0-80s-57.9-22.1-80 0l-28.8 28.8l80 80z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidFileEdit(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.1 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h146.2l10.9-54.5c4.3-21.7 15-41.6 30.6-57.2L448 332.1v-97.5c0-17-6.7-33.3-18.7-45.3L322.8 82.7c-12-12-28.3-18.7-45.2-18.7zm261.5 176h-93.5c-13.3 0-24-10.7-24-24v-93.5zm-57.3 290.9l-11.9 59.6c-.2.9-.3 1.9-.3 2.9c0 8 6.5 14.6 14.6 14.6c1 0 1.9-.1 2.9-.3l59.6-11.9c12.4-2.5 23.8-8.6 32.7-17.5l118.9-118.9l-80-80l-118.9 118.9c-8.9 8.9-15 20.3-17.5 32.7zm267.8-123c22.1-22.1 22.1-57.9 0-80s-57.9-22.1-80 0l-28.8 28.8l80 80z"/></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.1 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h146.2l10.9-54.5c4.3-21.7 15-41.6 30.6-57.2L448 332.1v-97.5c0-17-6.7-33.3-18.7-45.3L322.8 82.7c-12-12-28.3-18.7-45.2-18.7zm261.5 176h-93.5c-13.3 0-24-10.7-24-24v-93.5zm-57.3 290.9l-11.9 59.6c-.2.9-.3 1.9-.3 2.9c0 8 6.5 14.6 14.6 14.6c1 0 1.9-.1 2.9-.3l59.6-11.9c12.4-2.5 23.8-8.6 32.7-17.5l118.9-118.9l-80-80l-118.9 118.9c-8.9 8.9-15 20.3-17.5 32.7zm267.8-123c22.1-22.1 22.1-57.9 0-80s-57.9-22.1-80 0l-28.8 28.8l80 80z"/></svg>
</template>

CSS

.icon-file-edit {
  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.1%2064c-35.3%200-64%2028.7-64%2064v384c0%2035.3%2028.7%2064%2064%2064h146.2l10.9-54.5c4.3-21.7%2015-41.6%2030.6-57.2L448%20332.1v-97.5c0-17-6.7-33.3-18.7-45.3L322.8%2082.7c-12-12-28.3-18.7-45.2-18.7zm261.5%20176h-93.5c-13.3%200-24-10.7-24-24v-93.5zm-57.3%20290.9l-11.9%2059.6c-.2.9-.3%201.9-.3%202.9c0%208%206.5%2014.6%2014.6%2014.6c1%200%201.9-.1%202.9-.3l59.6-11.9c12.4-2.5%2023.8-8.6%2032.7-17.5l118.9-118.9l-80-80l-118.9%20118.9c-8.9%208.9-15%2020.3-17.5%2032.7zm267.8-123c22.1-22.1%2022.1-57.9%200-80s-57.9-22.1-80%200l-28.8%2028.8l80%2080z%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.1%2064c-35.3%200-64%2028.7-64%2064v384c0%2035.3%2028.7%2064%2064%2064h146.2l10.9-54.5c4.3-21.7%2015-41.6%2030.6-57.2L448%20332.1v-97.5c0-17-6.7-33.3-18.7-45.3L322.8%2082.7c-12-12-28.3-18.7-45.2-18.7zm261.5%20176h-93.5c-13.3%200-24-10.7-24-24v-93.5zm-57.3%20290.9l-11.9%2059.6c-.2.9-.3%201.9-.3%202.9c0%208%206.5%2014.6%2014.6%2014.6c1%200%201.9-.1%202.9-.3l59.6-11.9c12.4-2.5%2023.8-8.6%2032.7-17.5l118.9-118.9l-80-80l-118.9%20118.9c-8.9%208.9-15%2020.3-17.5%2032.7zm267.8-123c22.1-22.1%2022.1-57.9%200-80s-57.9-22.1-80%200l-28.8%2028.8l80%2080z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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