signature icon
signature from Material Symbols Light by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- signature
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- signature-outline, signature-outline-sharp, signature-sharp
2 other variants in Material Symbols Light
The same icon in other sets
signature-filledAnt Design IconssignatureFramework7 IconssignatureFont Awesome 6 SolidsignatureFont Awesome Solidsignature-16-filledFluent UI System IconssignatureHuge IconssignatureLine AwesomesignatureLucidesignatureMaterial SymbolssignatureMaterial Design Iconssignature-fillMingCute IconsignaturePhosphorsignatureTabler Icons
More text icons from Material Symbols Light
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the signature icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.056 13.052q2.19-1.465 3.465-3.241T17.796 6.3q0-1.05-.426-1.675T16.244 4q-1.463 0-2.44 2.007t-.977 4.968q0 .62.06 1.134q.061.514.169.943M3.98 20v-1.461h1.461V20zm3.635 0v-1.461h1.461V20zm3.634 0v-1.461h1.462V20zm3.635 0v-1.461h1.461V20zm3.634 0v-1.461h1.462V20zM3.69 16.288L3 15.6L4.6 14L3 12.4l.688-.688l1.6 1.6l1.6-1.6l.689.688l-1.6 1.6l1.6 1.6l-.688.689l-1.6-1.6zM14.816 16q-.75 0-1.328-.355t-.95-1.062q-.586.35-1.23.644t-1.324.57l-.353-.934q.661-.269 1.299-.575t1.218-.652q-.163-.55-.245-1.228q-.082-.68-.082-1.467q0-3.505 1.243-5.723T16.244 3q1.147 0 1.847.905t.7 2.418q0 2.054-1.45 4.087t-3.931 3.63q.252.483.612.725q.36.24.81.24q.805 0 1.706-.766t1.62-2.06l.863.408q-.137.79-.102 1.39t.333 1.03q.327-.163.626-.376q.299-.214.726-.722l.787.63q-.65.707-1.202 1.084T19.142 16q-.448 0-.774-.505t-.447-1.27q-.604.817-1.463 1.296T14.816 16"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSignature(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.056 13.052q2.19-1.465 3.465-3.241T17.796 6.3q0-1.05-.426-1.675T16.244 4q-1.463 0-2.44 2.007t-.977 4.968q0 .62.06 1.134q.061.514.169.943M3.98 20v-1.461h1.461V20zm3.635 0v-1.461h1.461V20zm3.634 0v-1.461h1.462V20zm3.635 0v-1.461h1.461V20zm3.634 0v-1.461h1.462V20zM3.69 16.288L3 15.6L4.6 14L3 12.4l.688-.688l1.6 1.6l1.6-1.6l.689.688l-1.6 1.6l1.6 1.6l-.688.689l-1.6-1.6zM14.816 16q-.75 0-1.328-.355t-.95-1.062q-.586.35-1.23.644t-1.324.57l-.353-.934q.661-.269 1.299-.575t1.218-.652q-.163-.55-.245-1.228q-.082-.68-.082-1.467q0-3.505 1.243-5.723T16.244 3q1.147 0 1.847.905t.7 2.418q0 2.054-1.45 4.087t-3.931 3.63q.252.483.612.725q.36.24.81.24q.805 0 1.706-.766t1.62-2.06l.863.408q-.137.79-.102 1.39t.333 1.03q.327-.163.626-.376q.299-.214.726-.722l.787.63q-.65.707-1.202 1.084T19.142 16q-.448 0-.774-.505t-.447-1.27q-.604.817-1.463 1.296T14.816 16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.056 13.052q2.19-1.465 3.465-3.241T17.796 6.3q0-1.05-.426-1.675T16.244 4q-1.463 0-2.44 2.007t-.977 4.968q0 .62.06 1.134q.061.514.169.943M3.98 20v-1.461h1.461V20zm3.635 0v-1.461h1.461V20zm3.634 0v-1.461h1.462V20zm3.635 0v-1.461h1.461V20zm3.634 0v-1.461h1.462V20zM3.69 16.288L3 15.6L4.6 14L3 12.4l.688-.688l1.6 1.6l1.6-1.6l.689.688l-1.6 1.6l1.6 1.6l-.688.689l-1.6-1.6zM14.816 16q-.75 0-1.328-.355t-.95-1.062q-.586.35-1.23.644t-1.324.57l-.353-.934q.661-.269 1.299-.575t1.218-.652q-.163-.55-.245-1.228q-.082-.68-.082-1.467q0-3.505 1.243-5.723T16.244 3q1.147 0 1.847.905t.7 2.418q0 2.054-1.45 4.087t-3.931 3.63q.252.483.612.725q.36.24.81.24q.805 0 1.706-.766t1.62-2.06l.863.408q-.137.79-.102 1.39t.333 1.03q.327-.163.626-.376q.299-.214.726-.722l.787.63q-.65.707-1.202 1.084T19.142 16q-.448 0-.774-.505t-.447-1.27q-.604.817-1.463 1.296T14.816 16"/></svg> </template>
CSS
.icon-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.056%2013.052q2.19-1.465%203.465-3.241T17.796%206.3q0-1.05-.426-1.675T16.244%204q-1.463%200-2.44%202.007t-.977%204.968q0%20.62.06%201.134q.061.514.169.943M3.98%2020v-1.461h1.461V20zm3.635%200v-1.461h1.461V20zm3.634%200v-1.461h1.462V20zm3.635%200v-1.461h1.461V20zm3.634%200v-1.461h1.462V20zM3.69%2016.288L3%2015.6L4.6%2014L3%2012.4l.688-.688l1.6%201.6l1.6-1.6l.689.688l-1.6%201.6l1.6%201.6l-.688.689l-1.6-1.6zM14.816%2016q-.75%200-1.328-.355t-.95-1.062q-.586.35-1.23.644t-1.324.57l-.353-.934q.661-.269%201.299-.575t1.218-.652q-.163-.55-.245-1.228q-.082-.68-.082-1.467q0-3.505%201.243-5.723T16.244%203q1.147%200%201.847.905t.7%202.418q0%202.054-1.45%204.087t-3.931%203.63q.252.483.612.725q.36.24.81.24q.805%200%201.706-.766t1.62-2.06l.863.408q-.137.79-.102%201.39t.333%201.03q.327-.163.626-.376q.299-.214.726-.722l.787.63q-.65.707-1.202%201.084T19.142%2016q-.448%200-.774-.505t-.447-1.27q-.604.817-1.463%201.296T14.816%2016%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.056%2013.052q2.19-1.465%203.465-3.241T17.796%206.3q0-1.05-.426-1.675T16.244%204q-1.463%200-2.44%202.007t-.977%204.968q0%20.62.06%201.134q.061.514.169.943M3.98%2020v-1.461h1.461V20zm3.635%200v-1.461h1.461V20zm3.634%200v-1.461h1.462V20zm3.635%200v-1.461h1.461V20zm3.634%200v-1.461h1.462V20zM3.69%2016.288L3%2015.6L4.6%2014L3%2012.4l.688-.688l1.6%201.6l1.6-1.6l.689.688l-1.6%201.6l1.6%201.6l-.688.689l-1.6-1.6zM14.816%2016q-.75%200-1.328-.355t-.95-1.062q-.586.35-1.23.644t-1.324.57l-.353-.934q.661-.269%201.299-.575t1.218-.652q-.163-.55-.245-1.228q-.082-.68-.082-1.467q0-3.505%201.243-5.723T16.244%203q1.147%200%201.847.905t.7%202.418q0%202.054-1.45%204.087t-3.931%203.63q.252.483.612.725q.36.24.81.24q.805%200%201.706-.766t1.62-2.06l.863.408q-.137.79-.102%201.39t.333%201.03q.327-.163.626-.376q.299-.214.726-.722l.787.63q-.65.707-1.202%201.084T19.142%2016q-.448%200-.774-.505t-.447-1.27q-.604.817-1.463%201.296T14.816%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/signature.svg?color=%231a73e8&size=48
