signature icon
signature-outline-rounded from Material Symbols Light by Google · Outline Rounded · Text · Apache-2.0 Free for personal and commercial use.
- Name
- signature-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
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.943m-9.033 2.902q-.14.14-.334.13q-.195-.009-.335-.15t-.14-.344q0-.204.14-.344L4.6 14l-1.265-1.265q-.14-.14-.131-.344t.15-.345t.344-.14t.344.14l1.247 1.266l1.265-1.266q.14-.14.344-.14t.344.14t.14.345t-.14.344L5.977 14l1.265 1.266q.14.14.14.334t-.14.335q-.14.14-.344.14t-.344-.14l-1.265-1.247zM14.816 16q-.75 0-1.328-.355t-.95-1.062q-.476.258-.988.515q-.512.258-1.052.496q-.207.079-.412.013t-.278-.274t.028-.4t.308-.271q.54-.239 1.037-.494t.967-.531q-.163-.55-.245-1.23q-.082-.678-.082-1.466q0-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.737 0 1.553-.641q.815-.643 1.523-1.772q.115-.176.31-.227t.378.027q.183.085.281.27q.098.186.062.4q-.07.665-.002 1.123q.067.457.315.823q.24-.127.47-.278t.54-.441q.165-.16.366-.178q.2-.019.372.116q.177.14.183.339q.006.197-.154.357q-.556.537-1.01.807t-.877.27q-.448 0-.774-.505t-.447-1.27q-.604.817-1.463 1.296T14.816 16M4.19 19.79q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.521-.21m3.635 0q-.211-.211-.211-.52t.21-.521q.211-.21.52-.21t.521.21t.21.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521q.21-.21.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.21.52t-.21.52t-.52.211t-.52-.21"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSignatureOutlineRounded(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.943m-9.033 2.902q-.14.14-.334.13q-.195-.009-.335-.15t-.14-.344q0-.204.14-.344L4.6 14l-1.265-1.265q-.14-.14-.131-.344t.15-.345t.344-.14t.344.14l1.247 1.266l1.265-1.266q.14-.14.344-.14t.344.14t.14.345t-.14.344L5.977 14l1.265 1.266q.14.14.14.334t-.14.335q-.14.14-.344.14t-.344-.14l-1.265-1.247zM14.816 16q-.75 0-1.328-.355t-.95-1.062q-.476.258-.988.515q-.512.258-1.052.496q-.207.079-.412.013t-.278-.274t.028-.4t.308-.271q.54-.239 1.037-.494t.967-.531q-.163-.55-.245-1.23q-.082-.678-.082-1.466q0-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.737 0 1.553-.641q.815-.643 1.523-1.772q.115-.176.31-.227t.378.027q.183.085.281.27q.098.186.062.4q-.07.665-.002 1.123q.067.457.315.823q.24-.127.47-.278t.54-.441q.165-.16.366-.178q.2-.019.372.116q.177.14.183.339q.006.197-.154.357q-.556.537-1.01.807t-.877.27q-.448 0-.774-.505t-.447-1.27q-.604.817-1.463 1.296T14.816 16M4.19 19.79q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.521-.21m3.635 0q-.211-.211-.211-.52t.21-.521q.211-.21.52-.21t.521.21t.21.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521q.21-.21.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.21.52t-.21.52t-.52.211t-.52-.21"/></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.943m-9.033 2.902q-.14.14-.334.13q-.195-.009-.335-.15t-.14-.344q0-.204.14-.344L4.6 14l-1.265-1.265q-.14-.14-.131-.344t.15-.345t.344-.14t.344.14l1.247 1.266l1.265-1.266q.14-.14.344-.14t.344.14t.14.345t-.14.344L5.977 14l1.265 1.266q.14.14.14.334t-.14.335q-.14.14-.344.14t-.344-.14l-1.265-1.247zM14.816 16q-.75 0-1.328-.355t-.95-1.062q-.476.258-.988.515q-.512.258-1.052.496q-.207.079-.412.013t-.278-.274t.028-.4t.308-.271q.54-.239 1.037-.494t.967-.531q-.163-.55-.245-1.23q-.082-.678-.082-1.466q0-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.737 0 1.553-.641q.815-.643 1.523-1.772q.115-.176.31-.227t.378.027q.183.085.281.27q.098.186.062.4q-.07.665-.002 1.123q.067.457.315.823q.24-.127.47-.278t.54-.441q.165-.16.366-.178q.2-.019.372.116q.177.14.183.339q.006.197-.154.357q-.556.537-1.01.807t-.877.27q-.448 0-.774-.505t-.447-1.27q-.604.817-1.463 1.296T14.816 16M4.19 19.79q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.521-.21m3.635 0q-.211-.211-.211-.52t.21-.521q.211-.21.52-.21t.521.21t.21.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521q.21-.21.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634 0q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.21.52t-.21.52t-.52.211t-.52-.21"/></svg> </template>
CSS
.icon-signature-outline-rounded {
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.943m-9.033%202.902q-.14.14-.334.13q-.195-.009-.335-.15t-.14-.344q0-.204.14-.344L4.6%2014l-1.265-1.265q-.14-.14-.131-.344t.15-.345t.344-.14t.344.14l1.247%201.266l1.265-1.266q.14-.14.344-.14t.344.14t.14.345t-.14.344L5.977%2014l1.265%201.266q.14.14.14.334t-.14.335q-.14.14-.344.14t-.344-.14l-1.265-1.247zM14.816%2016q-.75%200-1.328-.355t-.95-1.062q-.476.258-.988.515q-.512.258-1.052.496q-.207.079-.412.013t-.278-.274t.028-.4t.308-.271q.54-.239%201.037-.494t.967-.531q-.163-.55-.245-1.23q-.082-.678-.082-1.466q0-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.737%200%201.553-.641q.815-.643%201.523-1.772q.115-.176.31-.227t.378.027q.183.085.281.27q.098.186.062.4q-.07.665-.002%201.123q.067.457.315.823q.24-.127.47-.278t.54-.441q.165-.16.366-.178q.2-.019.372.116q.177.14.183.339q.006.197-.154.357q-.556.537-1.01.807t-.877.27q-.448%200-.774-.505t-.447-1.27q-.604.817-1.463%201.296T14.816%2016M4.19%2019.79q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634%200q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.521-.21m3.635%200q-.211-.211-.211-.52t.21-.521q.211-.21.52-.21t.521.21t.21.52t-.21.52t-.52.211t-.52-.21m3.634%200q-.21-.211-.21-.52t.21-.521q.21-.21.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634%200q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.21.52t-.21.52t-.52.211t-.52-.21%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.943m-9.033%202.902q-.14.14-.334.13q-.195-.009-.335-.15t-.14-.344q0-.204.14-.344L4.6%2014l-1.265-1.265q-.14-.14-.131-.344t.15-.345t.344-.14t.344.14l1.247%201.266l1.265-1.266q.14-.14.344-.14t.344.14t.14.345t-.14.344L5.977%2014l1.265%201.266q.14.14.14.334t-.14.335q-.14.14-.344.14t-.344-.14l-1.265-1.247zM14.816%2016q-.75%200-1.328-.355t-.95-1.062q-.476.258-.988.515q-.512.258-1.052.496q-.207.079-.412.013t-.278-.274t.028-.4t.308-.271q.54-.239%201.037-.494t.967-.531q-.163-.55-.245-1.23q-.082-.678-.082-1.466q0-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.737%200%201.553-.641q.815-.643%201.523-1.772q.115-.176.31-.227t.378.027q.183.085.281.27q.098.186.062.4q-.07.665-.002%201.123q.067.457.315.823q.24-.127.47-.278t.54-.441q.165-.16.366-.178q.2-.019.372.116q.177.14.183.339q.006.197-.154.357q-.556.537-1.01.807t-.877.27q-.448%200-.774-.505t-.447-1.27q-.604.817-1.463%201.296T14.816%2016M4.19%2019.79q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634%200q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.521-.21m3.635%200q-.211-.211-.211-.52t.21-.521q.211-.21.52-.21t.521.21t.21.52t-.21.52t-.52.211t-.52-.21m3.634%200q-.21-.211-.21-.52t.21-.521q.21-.21.52-.21t.52.21t.211.52t-.21.52t-.52.211t-.52-.21m3.634%200q-.21-.211-.21-.52t.21-.521t.52-.21t.52.21t.21.52t-.21.52t-.52.211t-.52-.21%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-outline-rounded.svg?color=%231a73e8&size=48
