signature icon
signature-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- signature-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
signature-filledAnt Design IconssignatureFramework7 IconssignatureFont Awesome 6 SolidsignatureFont Awesome Solidsignature-16-filledFluent UI System IconssignatureHuge IconssignatureLine AwesomesignatureLucidesignatureMaterial SymbolssignatureMaterial Symbols LightsignatureMaterial Design Iconssignature-fillMingCute IconsignatureTabler Icons
Use the signature icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M80.3 120.26a58.3 58.3 0 0 1 .7-23.19C83.32 87 87.89 80 92.1 80c2.57 0 2.94.67 3.12 1c.88 1.61 4 10.93-12.63 46.52a29 29 0 0 1-2.29-7.26M232 56v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16M84 160c2-3.59 3.94-7.32 5.9-11.14c10.34-.32 22.21-7.57 35.47-21.68c5 9.69 11.38 15.25 18.87 16.55c8 1.38 16-2.38 23.94-11.2c6 5.53 16.15 11.47 31.8 11.47a8 8 0 0 0 0-16c-17.91 0-24.3-10.88-24.84-11.86a7.83 7.83 0 0 0-6.54-4.51a8 8 0 0 0-7.25 3.6c-6.78 10-11.87 13.16-14.39 12.73c-4-.69-9.15-10-11.23-18a8 8 0 0 0-14-3c-8.88 10.94-16.3 17.79-22.13 21.66c15.8-35.65 13.27-48.59 9.6-55.3c-1.85-3.48-6.61-9.32-17.1-9.32c-12.44 0-22.42 11-26.69 29.46a75 75 0 0 0-.83 29.81c1.7 8.9 5.17 15.73 10.16 20.12c-3 5.81-6.09 11.43-9 16.61H56a8 8 0 0 0 0 16h.44c-4.26 7.12-7.11 11.59-7.18 11.69a8 8 0 0 0 13.48 8.62c.36-.55 5.47-8.57 12.29-20.31H200a8 8 0 0 0 0-16Z"/></svg>
React
import type { SVGProps } from "react";
export function PhSignatureFill(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="M80.3 120.26a58.3 58.3 0 0 1 .7-23.19C83.32 87 87.89 80 92.1 80c2.57 0 2.94.67 3.12 1c.88 1.61 4 10.93-12.63 46.52a29 29 0 0 1-2.29-7.26M232 56v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16M84 160c2-3.59 3.94-7.32 5.9-11.14c10.34-.32 22.21-7.57 35.47-21.68c5 9.69 11.38 15.25 18.87 16.55c8 1.38 16-2.38 23.94-11.2c6 5.53 16.15 11.47 31.8 11.47a8 8 0 0 0 0-16c-17.91 0-24.3-10.88-24.84-11.86a7.83 7.83 0 0 0-6.54-4.51a8 8 0 0 0-7.25 3.6c-6.78 10-11.87 13.16-14.39 12.73c-4-.69-9.15-10-11.23-18a8 8 0 0 0-14-3c-8.88 10.94-16.3 17.79-22.13 21.66c15.8-35.65 13.27-48.59 9.6-55.3c-1.85-3.48-6.61-9.32-17.1-9.32c-12.44 0-22.42 11-26.69 29.46a75 75 0 0 0-.83 29.81c1.7 8.9 5.17 15.73 10.16 20.12c-3 5.81-6.09 11.43-9 16.61H56a8 8 0 0 0 0 16h.44c-4.26 7.12-7.11 11.59-7.18 11.69a8 8 0 0 0 13.48 8.62c.36-.55 5.47-8.57 12.29-20.31H200a8 8 0 0 0 0-16Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M80.3 120.26a58.3 58.3 0 0 1 .7-23.19C83.32 87 87.89 80 92.1 80c2.57 0 2.94.67 3.12 1c.88 1.61 4 10.93-12.63 46.52a29 29 0 0 1-2.29-7.26M232 56v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16M84 160c2-3.59 3.94-7.32 5.9-11.14c10.34-.32 22.21-7.57 35.47-21.68c5 9.69 11.38 15.25 18.87 16.55c8 1.38 16-2.38 23.94-11.2c6 5.53 16.15 11.47 31.8 11.47a8 8 0 0 0 0-16c-17.91 0-24.3-10.88-24.84-11.86a7.83 7.83 0 0 0-6.54-4.51a8 8 0 0 0-7.25 3.6c-6.78 10-11.87 13.16-14.39 12.73c-4-.69-9.15-10-11.23-18a8 8 0 0 0-14-3c-8.88 10.94-16.3 17.79-22.13 21.66c15.8-35.65 13.27-48.59 9.6-55.3c-1.85-3.48-6.61-9.32-17.1-9.32c-12.44 0-22.42 11-26.69 29.46a75 75 0 0 0-.83 29.81c1.7 8.9 5.17 15.73 10.16 20.12c-3 5.81-6.09 11.43-9 16.61H56a8 8 0 0 0 0 16h.44c-4.26 7.12-7.11 11.59-7.18 11.69a8 8 0 0 0 13.48 8.62c.36-.55 5.47-8.57 12.29-20.31H200a8 8 0 0 0 0-16Z"/></svg> </template>
CSS
.icon-signature-fill {
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%22M80.3%20120.26a58.3%2058.3%200%200%201%20.7-23.19C83.32%2087%2087.89%2080%2092.1%2080c2.57%200%202.94.67%203.12%201c.88%201.61%204%2010.93-12.63%2046.52a29%2029%200%200%201-2.29-7.26M232%2056v144a16%2016%200%200%201-16%2016H40a16%2016%200%200%201-16-16V56a16%2016%200%200%201%2016-16h176a16%2016%200%200%201%2016%2016M84%20160c2-3.59%203.94-7.32%205.9-11.14c10.34-.32%2022.21-7.57%2035.47-21.68c5%209.69%2011.38%2015.25%2018.87%2016.55c8%201.38%2016-2.38%2023.94-11.2c6%205.53%2016.15%2011.47%2031.8%2011.47a8%208%200%200%200%200-16c-17.91%200-24.3-10.88-24.84-11.86a7.83%207.83%200%200%200-6.54-4.51a8%208%200%200%200-7.25%203.6c-6.78%2010-11.87%2013.16-14.39%2012.73c-4-.69-9.15-10-11.23-18a8%208%200%200%200-14-3c-8.88%2010.94-16.3%2017.79-22.13%2021.66c15.8-35.65%2013.27-48.59%209.6-55.3c-1.85-3.48-6.61-9.32-17.1-9.32c-12.44%200-22.42%2011-26.69%2029.46a75%2075%200%200%200-.83%2029.81c1.7%208.9%205.17%2015.73%2010.16%2020.12c-3%205.81-6.09%2011.43-9%2016.61H56a8%208%200%200%200%200%2016h.44c-4.26%207.12-7.11%2011.59-7.18%2011.69a8%208%200%200%200%2013.48%208.62c.36-.55%205.47-8.57%2012.29-20.31H200a8%208%200%200%200%200-16Z%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%22M80.3%20120.26a58.3%2058.3%200%200%201%20.7-23.19C83.32%2087%2087.89%2080%2092.1%2080c2.57%200%202.94.67%203.12%201c.88%201.61%204%2010.93-12.63%2046.52a29%2029%200%200%201-2.29-7.26M232%2056v144a16%2016%200%200%201-16%2016H40a16%2016%200%200%201-16-16V56a16%2016%200%200%201%2016-16h176a16%2016%200%200%201%2016%2016M84%20160c2-3.59%203.94-7.32%205.9-11.14c10.34-.32%2022.21-7.57%2035.47-21.68c5%209.69%2011.38%2015.25%2018.87%2016.55c8%201.38%2016-2.38%2023.94-11.2c6%205.53%2016.15%2011.47%2031.8%2011.47a8%208%200%200%200%200-16c-17.91%200-24.3-10.88-24.84-11.86a7.83%207.83%200%200%200-6.54-4.51a8%208%200%200%200-7.25%203.6c-6.78%2010-11.87%2013.16-14.39%2012.73c-4-.69-9.15-10-11.23-18a8%208%200%200%200-14-3c-8.88%2010.94-16.3%2017.79-22.13%2021.66c15.8-35.65%2013.27-48.59%209.6-55.3c-1.85-3.48-6.61-9.32-17.1-9.32c-12.44%200-22.42%2011-26.69%2029.46a75%2075%200%200%200-.83%2029.81c1.7%208.9%205.17%2015.73%2010.16%2020.12c-3%205.81-6.09%2011.43-9%2016.61H56a8%208%200%200%200%200%2016h.44c-4.26%207.12-7.11%2011.59-7.18%2011.69a8%208%200%200%200%2013.48%208.62c.36-.55%205.47-8.57%2012.29-20.31H200a8%208%200%200%200%200-16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/signature-fill.svg?color=%231a73e8&size=48
