file signature icon
file-signature from Font Awesome Solid by Dave Gandy · Solid · Security · CC-BY-4.0 Attribution required.
- Name
- file-signature
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Security
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More security icons from Font Awesome Solid
Use the file signature icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64.1 128c0-35.3 28.7-64 64-64h149.5c17 0 33.3 6.7 45.3 18.7l106.4 106.6c12 12 18.7 28.3 18.7 45.3v97.5l-132 132h-42.1l-16.1-53.6c-4.7-15.7-19.1-26.4-35.5-26.4c-11.3 0-21.9 5.1-28.9 13.9l-60.1 75c-8.3 10.3-6.6 25.5 3.7 33.7s25.5 6.6 33.7-3.8l47.1-58.8l15.2 50.7c3 10.2 12.4 17.1 23 17.1h31.5c-.9 3.1-1.7 6.3-2.3 9.5l-10.9 54.5H128.1c-35.3 0-64-28.7-64-64v-384zm208-5.5V216c0 13.3 10.7 24 24 24h93.5zm60.2 408.4c2.5-12.4 8.6-23.8 17.5-32.7l118.9-118.9l80 80l-118.9 118.9c-8.9 8.9-20.3 15-32.7 17.5l-59.6 11.9c-.9.2-1.9.3-2.9.3c-8 0-14.6-6.5-14.6-14.6c0-1 .1-1.9.3-2.9l11.9-59.6zm267.8-123l-28.8 28.8l-80-80l28.8-28.8c22.1-22.1 57.9-22.1 80 0s22.1 57.9 0 80"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidFileSignature(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="M64.1 128c0-35.3 28.7-64 64-64h149.5c17 0 33.3 6.7 45.3 18.7l106.4 106.6c12 12 18.7 28.3 18.7 45.3v97.5l-132 132h-42.1l-16.1-53.6c-4.7-15.7-19.1-26.4-35.5-26.4c-11.3 0-21.9 5.1-28.9 13.9l-60.1 75c-8.3 10.3-6.6 25.5 3.7 33.7s25.5 6.6 33.7-3.8l47.1-58.8l15.2 50.7c3 10.2 12.4 17.1 23 17.1h31.5c-.9 3.1-1.7 6.3-2.3 9.5l-10.9 54.5H128.1c-35.3 0-64-28.7-64-64v-384zm208-5.5V216c0 13.3 10.7 24 24 24h93.5zm60.2 408.4c2.5-12.4 8.6-23.8 17.5-32.7l118.9-118.9l80 80l-118.9 118.9c-8.9 8.9-20.3 15-32.7 17.5l-59.6 11.9c-.9.2-1.9.3-2.9.3c-8 0-14.6-6.5-14.6-14.6c0-1 .1-1.9.3-2.9l11.9-59.6zm267.8-123l-28.8 28.8l-80-80l28.8-28.8c22.1-22.1 57.9-22.1 80 0s22.1 57.9 0 80"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64.1 128c0-35.3 28.7-64 64-64h149.5c17 0 33.3 6.7 45.3 18.7l106.4 106.6c12 12 18.7 28.3 18.7 45.3v97.5l-132 132h-42.1l-16.1-53.6c-4.7-15.7-19.1-26.4-35.5-26.4c-11.3 0-21.9 5.1-28.9 13.9l-60.1 75c-8.3 10.3-6.6 25.5 3.7 33.7s25.5 6.6 33.7-3.8l47.1-58.8l15.2 50.7c3 10.2 12.4 17.1 23 17.1h31.5c-.9 3.1-1.7 6.3-2.3 9.5l-10.9 54.5H128.1c-35.3 0-64-28.7-64-64v-384zm208-5.5V216c0 13.3 10.7 24 24 24h93.5zm60.2 408.4c2.5-12.4 8.6-23.8 17.5-32.7l118.9-118.9l80 80l-118.9 118.9c-8.9 8.9-20.3 15-32.7 17.5l-59.6 11.9c-.9.2-1.9.3-2.9.3c-8 0-14.6-6.5-14.6-14.6c0-1 .1-1.9.3-2.9l11.9-59.6zm267.8-123l-28.8 28.8l-80-80l28.8-28.8c22.1-22.1 57.9-22.1 80 0s22.1 57.9 0 80"/></svg> </template>
CSS
.icon-file-signature {
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%22M64.1%20128c0-35.3%2028.7-64%2064-64h149.5c17%200%2033.3%206.7%2045.3%2018.7l106.4%20106.6c12%2012%2018.7%2028.3%2018.7%2045.3v97.5l-132%20132h-42.1l-16.1-53.6c-4.7-15.7-19.1-26.4-35.5-26.4c-11.3%200-21.9%205.1-28.9%2013.9l-60.1%2075c-8.3%2010.3-6.6%2025.5%203.7%2033.7s25.5%206.6%2033.7-3.8l47.1-58.8l15.2%2050.7c3%2010.2%2012.4%2017.1%2023%2017.1h31.5c-.9%203.1-1.7%206.3-2.3%209.5l-10.9%2054.5H128.1c-35.3%200-64-28.7-64-64v-384zm208-5.5V216c0%2013.3%2010.7%2024%2024%2024h93.5zm60.2%20408.4c2.5-12.4%208.6-23.8%2017.5-32.7l118.9-118.9l80%2080l-118.9%20118.9c-8.9%208.9-20.3%2015-32.7%2017.5l-59.6%2011.9c-.9.2-1.9.3-2.9.3c-8%200-14.6-6.5-14.6-14.6c0-1%20.1-1.9.3-2.9l11.9-59.6zm267.8-123l-28.8%2028.8l-80-80l28.8-28.8c22.1-22.1%2057.9-22.1%2080%200s22.1%2057.9%200%2080%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%22M64.1%20128c0-35.3%2028.7-64%2064-64h149.5c17%200%2033.3%206.7%2045.3%2018.7l106.4%20106.6c12%2012%2018.7%2028.3%2018.7%2045.3v97.5l-132%20132h-42.1l-16.1-53.6c-4.7-15.7-19.1-26.4-35.5-26.4c-11.3%200-21.9%205.1-28.9%2013.9l-60.1%2075c-8.3%2010.3-6.6%2025.5%203.7%2033.7s25.5%206.6%2033.7-3.8l47.1-58.8l15.2%2050.7c3%2010.2%2012.4%2017.1%2023%2017.1h31.5c-.9%203.1-1.7%206.3-2.3%209.5l-10.9%2054.5H128.1c-35.3%200-64-28.7-64-64v-384zm208-5.5V216c0%2013.3%2010.7%2024%2024%2024h93.5zm60.2%20408.4c2.5-12.4%208.6-23.8%2017.5-32.7l118.9-118.9l80%2080l-118.9%20118.9c-8.9%208.9-20.3%2015-32.7%2017.5l-59.6%2011.9c-.9.2-1.9.3-2.9.3c-8%200-14.6-6.5-14.6-14.6c0-1%20.1-1.9.3-2.9l11.9-59.6zm267.8-123l-28.8%2028.8l-80-80l28.8-28.8c22.1-22.1%2057.9-22.1%2080%200s22.1%2057.9%200%2080%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/file-signature.svg?color=%231a73e8&size=48
