signature icon
signature-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- signature-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- License
- MIT
10 other variants in Fluent UI System Icons
The same icon in other sets
signature-filledAnt Design IconssignatureFramework7 IconssignatureFont Awesome 6 SolidsignatureFont Awesome SolidsignatureHuge IconssignatureLine AwesomesignatureLucidesignatureMaterial SymbolssignatureMaterial Symbols LightsignatureMaterial Design Iconssignature-fillMingCute IconsignaturePhosphorsignatureTabler Icons
Use the signature icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12.479 1.772a2.445 2.445 0 0 0-3.458 0L2.396 8.397a.5.5 0 0 0-.12.195l-1.25 3.75a.5.5 0 0 0 .595.643l4-1a.5.5 0 0 0 .233-.131L11.5 6.207l.086.086a1 1 0 0 1 0 1.414l-1.44 1.44a.5.5 0 0 0 .708.707l1.439-1.44a2 2 0 0 0 0-2.828l-.086-.086l.272-.271a2.445 2.445 0 0 0 0-3.457M4.967 15c-1.235 0-2.208-.566-2.855-1.107l1.284-.32a3.2 3.2 0 0 0 1.57.427c.406 0 .824-.164 1.27-.457s.878-.687 1.314-1.095l.113-.107c.385-.361.784-.737 1.166-.996c.408-.278.95-.53 1.517-.311c.376.144.62.41.791.736c.161.306.272.688.38 1.105c.05.19.133.374.23.498a.5.5 0 0 0 .114.112c.025.015.036.015.039.015c.122 0 .331-.082.63-.286c.185-.126.344-.252.502-.379q.146-.117.302-.235c.279-.209.52-.349.697-.438a3 3 0 0 1 .278-.124l.02-.008l.007-.002l.003-.001h.001l.16.473l-.159-.474a.5.5 0 0 1 .321.947l-.004.002l-.031.012q-.046.018-.144.067c-.13.065-.321.175-.55.347c-.059.043-.135.104-.223.174c-.181.143-.409.324-.618.466c-.31.212-.741.46-1.192.46c-.436 0-.751-.265-.946-.517a2.4 2.4 0 0 1-.405-.858c-.11-.423-.196-.7-.296-.89c-.09-.168-.17-.232-.266-.27c-.082-.03-.245-.033-.595.206c-.313.212-.655.533-1.058.912l-.1.093c-.431.405-.92.855-1.449 1.202c-.53.348-1.14.621-1.818.621"/></svg>
React
import type { SVGProps } from "react";
export function FluentSignature16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12.479 1.772a2.445 2.445 0 0 0-3.458 0L2.396 8.397a.5.5 0 0 0-.12.195l-1.25 3.75a.5.5 0 0 0 .595.643l4-1a.5.5 0 0 0 .233-.131L11.5 6.207l.086.086a1 1 0 0 1 0 1.414l-1.44 1.44a.5.5 0 0 0 .708.707l1.439-1.44a2 2 0 0 0 0-2.828l-.086-.086l.272-.271a2.445 2.445 0 0 0 0-3.457M4.967 15c-1.235 0-2.208-.566-2.855-1.107l1.284-.32a3.2 3.2 0 0 0 1.57.427c.406 0 .824-.164 1.27-.457s.878-.687 1.314-1.095l.113-.107c.385-.361.784-.737 1.166-.996c.408-.278.95-.53 1.517-.311c.376.144.62.41.791.736c.161.306.272.688.38 1.105c.05.19.133.374.23.498a.5.5 0 0 0 .114.112c.025.015.036.015.039.015c.122 0 .331-.082.63-.286c.185-.126.344-.252.502-.379q.146-.117.302-.235c.279-.209.52-.349.697-.438a3 3 0 0 1 .278-.124l.02-.008l.007-.002l.003-.001h.001l.16.473l-.159-.474a.5.5 0 0 1 .321.947l-.004.002l-.031.012q-.046.018-.144.067c-.13.065-.321.175-.55.347c-.059.043-.135.104-.223.174c-.181.143-.409.324-.618.466c-.31.212-.741.46-1.192.46c-.436 0-.751-.265-.946-.517a2.4 2.4 0 0 1-.405-.858c-.11-.423-.196-.7-.296-.89c-.09-.168-.17-.232-.266-.27c-.082-.03-.245-.033-.595.206c-.313.212-.655.533-1.058.912l-.1.093c-.431.405-.92.855-1.449 1.202c-.53.348-1.14.621-1.818.621"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12.479 1.772a2.445 2.445 0 0 0-3.458 0L2.396 8.397a.5.5 0 0 0-.12.195l-1.25 3.75a.5.5 0 0 0 .595.643l4-1a.5.5 0 0 0 .233-.131L11.5 6.207l.086.086a1 1 0 0 1 0 1.414l-1.44 1.44a.5.5 0 0 0 .708.707l1.439-1.44a2 2 0 0 0 0-2.828l-.086-.086l.272-.271a2.445 2.445 0 0 0 0-3.457M4.967 15c-1.235 0-2.208-.566-2.855-1.107l1.284-.32a3.2 3.2 0 0 0 1.57.427c.406 0 .824-.164 1.27-.457s.878-.687 1.314-1.095l.113-.107c.385-.361.784-.737 1.166-.996c.408-.278.95-.53 1.517-.311c.376.144.62.41.791.736c.161.306.272.688.38 1.105c.05.19.133.374.23.498a.5.5 0 0 0 .114.112c.025.015.036.015.039.015c.122 0 .331-.082.63-.286c.185-.126.344-.252.502-.379q.146-.117.302-.235c.279-.209.52-.349.697-.438a3 3 0 0 1 .278-.124l.02-.008l.007-.002l.003-.001h.001l.16.473l-.159-.474a.5.5 0 0 1 .321.947l-.004.002l-.031.012q-.046.018-.144.067c-.13.065-.321.175-.55.347c-.059.043-.135.104-.223.174c-.181.143-.409.324-.618.466c-.31.212-.741.46-1.192.46c-.436 0-.751-.265-.946-.517a2.4 2.4 0 0 1-.405-.858c-.11-.423-.196-.7-.296-.89c-.09-.168-.17-.232-.266-.27c-.082-.03-.245-.033-.595.206c-.313.212-.655.533-1.058.912l-.1.093c-.431.405-.92.855-1.449 1.202c-.53.348-1.14.621-1.818.621"/></svg> </template>
CSS
.icon-signature-16-filled {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.479%201.772a2.445%202.445%200%200%200-3.458%200L2.396%208.397a.5.5%200%200%200-.12.195l-1.25%203.75a.5.5%200%200%200%20.595.643l4-1a.5.5%200%200%200%20.233-.131L11.5%206.207l.086.086a1%201%200%200%201%200%201.414l-1.44%201.44a.5.5%200%200%200%20.708.707l1.439-1.44a2%202%200%200%200%200-2.828l-.086-.086l.272-.271a2.445%202.445%200%200%200%200-3.457M4.967%2015c-1.235%200-2.208-.566-2.855-1.107l1.284-.32a3.2%203.2%200%200%200%201.57.427c.406%200%20.824-.164%201.27-.457s.878-.687%201.314-1.095l.113-.107c.385-.361.784-.737%201.166-.996c.408-.278.95-.53%201.517-.311c.376.144.62.41.791.736c.161.306.272.688.38%201.105c.05.19.133.374.23.498a.5.5%200%200%200%20.114.112c.025.015.036.015.039.015c.122%200%20.331-.082.63-.286c.185-.126.344-.252.502-.379q.146-.117.302-.235c.279-.209.52-.349.697-.438a3%203%200%200%201%20.278-.124l.02-.008l.007-.002l.003-.001h.001l.16.473l-.159-.474a.5.5%200%200%201%20.321.947l-.004.002l-.031.012q-.046.018-.144.067c-.13.065-.321.175-.55.347c-.059.043-.135.104-.223.174c-.181.143-.409.324-.618.466c-.31.212-.741.46-1.192.46c-.436%200-.751-.265-.946-.517a2.4%202.4%200%200%201-.405-.858c-.11-.423-.196-.7-.296-.89c-.09-.168-.17-.232-.266-.27c-.082-.03-.245-.033-.595.206c-.313.212-.655.533-1.058.912l-.1.093c-.431.405-.92.855-1.449%201.202c-.53.348-1.14.621-1.818.621%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.479%201.772a2.445%202.445%200%200%200-3.458%200L2.396%208.397a.5.5%200%200%200-.12.195l-1.25%203.75a.5.5%200%200%200%20.595.643l4-1a.5.5%200%200%200%20.233-.131L11.5%206.207l.086.086a1%201%200%200%201%200%201.414l-1.44%201.44a.5.5%200%200%200%20.708.707l1.439-1.44a2%202%200%200%200%200-2.828l-.086-.086l.272-.271a2.445%202.445%200%200%200%200-3.457M4.967%2015c-1.235%200-2.208-.566-2.855-1.107l1.284-.32a3.2%203.2%200%200%200%201.57.427c.406%200%20.824-.164%201.27-.457s.878-.687%201.314-1.095l.113-.107c.385-.361.784-.737%201.166-.996c.408-.278.95-.53%201.517-.311c.376.144.62.41.791.736c.161.306.272.688.38%201.105c.05.19.133.374.23.498a.5.5%200%200%200%20.114.112c.025.015.036.015.039.015c.122%200%20.331-.082.63-.286c.185-.126.344-.252.502-.379q.146-.117.302-.235c.279-.209.52-.349.697-.438a3%203%200%200%201%20.278-.124l.02-.008l.007-.002l.003-.001h.001l.16.473l-.159-.474a.5.5%200%200%201%20.321.947l-.004.002l-.031.012q-.046.018-.144.067c-.13.065-.321.175-.55.347c-.059.043-.135.104-.223.174c-.181.143-.409.324-.618.466c-.31.212-.741.46-1.192.46c-.436%200-.751-.265-.946-.517a2.4%202.4%200%200%201-.405-.858c-.11-.423-.196-.7-.296-.89c-.09-.168-.17-.232-.266-.27c-.082-.03-.245-.033-.595.206c-.313.212-.655.533-1.058.912l-.1.093c-.431.405-.92.855-1.449%201.202c-.53.348-1.14.621-1.818.621%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/signature-16-filled.svg?color=%231a73e8&size=48
