signature icon
signature from Material Symbols by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- signature
- Set
- Material Symbols
- Style
- Regular
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- signature-outline, signature-outline-sharp, signature-sharp
1 other variant in Material Symbols
The same icon in other sets
signature-filledAnt Design IconssignatureFramework7 IconssignatureFont Awesome 6 SolidsignatureFont Awesome Solidsignature-16-filledFluent UI System IconssignatureHuge IconssignatureLine AwesomesignatureLucidesignatureMaterial Symbols LightsignatureMaterial Design Iconssignature-fillMingCute IconsignaturePhosphorsignatureTabler Icons
More text icons from Material Symbols
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="M14.075 11.725q1.825-1.35 2.85-2.962T17.95 5.55q0-.8-.262-1.175T16.975 4Q15.8 4 14.9 5.988t-.9 4.487q0 .35.013.663t.062.587M3 21v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zM3.4 17L2 15.6L3.6 14L2 12.4L3.4 11L5 12.6L6.6 11L8 12.4L6.4 14L8 15.6L6.6 17L5 15.4zm12.05-1q-.75 0-1.375-.288T13 14.776q-.625.35-1.287.625t-1.363.55l-.7-1.875q.7-.25 1.338-.537t1.237-.613q-.125-.55-.187-1.2t-.063-1.4q0-3.6 1.425-5.962T16.975 2q1.3 0 2.125.963t.825 2.687q0 2.15-1.362 4.25t-3.788 3.775q.175.175.363.263t.387.087q.65 0 1.513-.825t1.562-2.175l1.825.85q-.175.425-.275 1.025t.025 1.05q.25-.125.588-.425t.687-.75L23.025 14q-.65.9-1.5 1.45T19.95 16q-.525 0-.937-.312t-.688-.963q-.7.625-1.425.95T15.45 16"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSignature(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="M14.075 11.725q1.825-1.35 2.85-2.962T17.95 5.55q0-.8-.262-1.175T16.975 4Q15.8 4 14.9 5.988t-.9 4.487q0 .35.013.663t.062.587M3 21v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zM3.4 17L2 15.6L3.6 14L2 12.4L3.4 11L5 12.6L6.6 11L8 12.4L6.4 14L8 15.6L6.6 17L5 15.4zm12.05-1q-.75 0-1.375-.288T13 14.776q-.625.35-1.287.625t-1.363.55l-.7-1.875q.7-.25 1.338-.537t1.237-.613q-.125-.55-.187-1.2t-.063-1.4q0-3.6 1.425-5.962T16.975 2q1.3 0 2.125.963t.825 2.687q0 2.15-1.362 4.25t-3.788 3.775q.175.175.363.263t.387.087q.65 0 1.513-.825t1.562-2.175l1.825.85q-.175.425-.275 1.025t.025 1.05q.25-.125.588-.425t.687-.75L23.025 14q-.65.9-1.5 1.45T19.95 16q-.525 0-.937-.312t-.688-.963q-.7.625-1.425.95T15.45 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="M14.075 11.725q1.825-1.35 2.85-2.962T17.95 5.55q0-.8-.262-1.175T16.975 4Q15.8 4 14.9 5.988t-.9 4.487q0 .35.013.663t.062.587M3 21v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zm4 0v-2h2v2zM3.4 17L2 15.6L3.6 14L2 12.4L3.4 11L5 12.6L6.6 11L8 12.4L6.4 14L8 15.6L6.6 17L5 15.4zm12.05-1q-.75 0-1.375-.288T13 14.776q-.625.35-1.287.625t-1.363.55l-.7-1.875q.7-.25 1.338-.537t1.237-.613q-.125-.55-.187-1.2t-.063-1.4q0-3.6 1.425-5.962T16.975 2q1.3 0 2.125.963t.825 2.687q0 2.15-1.362 4.25t-3.788 3.775q.175.175.363.263t.387.087q.65 0 1.513-.825t1.562-2.175l1.825.85q-.175.425-.275 1.025t.025 1.05q.25-.125.588-.425t.687-.75L23.025 14q-.65.9-1.5 1.45T19.95 16q-.525 0-.937-.312t-.688-.963q-.7.625-1.425.95T15.45 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%22M14.075%2011.725q1.825-1.35%202.85-2.962T17.95%205.55q0-.8-.262-1.175T16.975%204Q15.8%204%2014.9%205.988t-.9%204.487q0%20.35.013.663t.062.587M3%2021v-2h2v2zm4%200v-2h2v2zm4%200v-2h2v2zm4%200v-2h2v2zm4%200v-2h2v2zM3.4%2017L2%2015.6L3.6%2014L2%2012.4L3.4%2011L5%2012.6L6.6%2011L8%2012.4L6.4%2014L8%2015.6L6.6%2017L5%2015.4zm12.05-1q-.75%200-1.375-.288T13%2014.776q-.625.35-1.287.625t-1.363.55l-.7-1.875q.7-.25%201.338-.537t1.237-.613q-.125-.55-.187-1.2t-.063-1.4q0-3.6%201.425-5.962T16.975%202q1.3%200%202.125.963t.825%202.687q0%202.15-1.362%204.25t-3.788%203.775q.175.175.363.263t.387.087q.65%200%201.513-.825t1.562-2.175l1.825.85q-.175.425-.275%201.025t.025%201.05q.25-.125.588-.425t.687-.75L23.025%2014q-.65.9-1.5%201.45T19.95%2016q-.525%200-.937-.312t-.688-.963q-.7.625-1.425.95T15.45%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%22M14.075%2011.725q1.825-1.35%202.85-2.962T17.95%205.55q0-.8-.262-1.175T16.975%204Q15.8%204%2014.9%205.988t-.9%204.487q0%20.35.013.663t.062.587M3%2021v-2h2v2zm4%200v-2h2v2zm4%200v-2h2v2zm4%200v-2h2v2zm4%200v-2h2v2zM3.4%2017L2%2015.6L3.6%2014L2%2012.4L3.4%2011L5%2012.6L6.6%2011L8%2012.4L6.4%2014L8%2015.6L6.6%2017L5%2015.4zm12.05-1q-.75%200-1.375-.288T13%2014.776q-.625.35-1.287.625t-1.363.55l-.7-1.875q.7-.25%201.338-.537t1.237-.613q-.125-.55-.187-1.2t-.063-1.4q0-3.6%201.425-5.962T16.975%202q1.3%200%202.125.963t.825%202.687q0%202.15-1.362%204.25t-3.788%203.775q.175.175.363.263t.387.087q.65%200%201.513-.825t1.562-2.175l1.825.85q-.175.425-.275%201.025t.025%201.05q.25-.125.588-.425t.687-.75L23.025%2014q-.65.9-1.5%201.45T19.95%2016q-.525%200-.937-.312t-.688-.963q-.7.625-1.425.95T15.45%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/signature.svg?color=%231a73e8&size=48
