signature icon
signature-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- signature-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- 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 28 28"><path fill="currentColor" d="m16.48 21.002l.27-.002c1.22 0 1.862.506 2.653 1.704l.393.608c.307.455.499.645.74.745c.433.178.792.09 2.109-.544l.403-.196c.824-.404 1.386-.636 2.02-.795a.75.75 0 1 1 .364 1.456c-.394.098-.772.24-1.267.468l-1.159.557c-1.568.74-2.1.829-3.041.44c-.625-.257-.98-.63-1.5-1.425l-.195-.304c-.562-.885-.864-1.176-1.4-1.21l-.12-.004c-.548 0-.656.068-2.74 1.615c-1.742 1.293-3.071 1.91-4.76 1.91q-3.092 0-5.818-1.135l2.882-.666q1.416.3 2.935.301c1.29 0 2.36-.497 3.867-1.615l1.16-.856c1.271-.924 1.554-1.038 2.204-1.052m6.298-17.78a4.286 4.286 0 0 1 0 6.06l-1.036 1.036c1.152 1.402 1.11 2.887.04 3.961l-3.001 3.002a.75.75 0 1 1-1.06-1.062l2.999-2.999c.485-.486.54-1.09-.04-1.838L10.085 21.976A2.25 2.25 0 0 1 9 22.577l-6.08 1.404a.75.75 0 0 1-.9-.9l1.403-6.08a2.25 2.25 0 0 1 .601-1.086L16.717 3.222a4.285 4.285 0 0 1 6.06 0m-5 1.06L5.085 16.977a.75.75 0 0 0-.2.362l-1.135 4.91l4.912-1.133a.75.75 0 0 0 .361-.2L21.717 8.221a2.786 2.786 0 0 0-3.94-3.94"/></svg>
React
import type { SVGProps } from "react";
export function FluentSignature28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="m16.48 21.002l.27-.002c1.22 0 1.862.506 2.653 1.704l.393.608c.307.455.499.645.74.745c.433.178.792.09 2.109-.544l.403-.196c.824-.404 1.386-.636 2.02-.795a.75.75 0 1 1 .364 1.456c-.394.098-.772.24-1.267.468l-1.159.557c-1.568.74-2.1.829-3.041.44c-.625-.257-.98-.63-1.5-1.425l-.195-.304c-.562-.885-.864-1.176-1.4-1.21l-.12-.004c-.548 0-.656.068-2.74 1.615c-1.742 1.293-3.071 1.91-4.76 1.91q-3.092 0-5.818-1.135l2.882-.666q1.416.3 2.935.301c1.29 0 2.36-.497 3.867-1.615l1.16-.856c1.271-.924 1.554-1.038 2.204-1.052m6.298-17.78a4.286 4.286 0 0 1 0 6.06l-1.036 1.036c1.152 1.402 1.11 2.887.04 3.961l-3.001 3.002a.75.75 0 1 1-1.06-1.062l2.999-2.999c.485-.486.54-1.09-.04-1.838L10.085 21.976A2.25 2.25 0 0 1 9 22.577l-6.08 1.404a.75.75 0 0 1-.9-.9l1.403-6.08a2.25 2.25 0 0 1 .601-1.086L16.717 3.222a4.285 4.285 0 0 1 6.06 0m-5 1.06L5.085 16.977a.75.75 0 0 0-.2.362l-1.135 4.91l4.912-1.133a.75.75 0 0 0 .361-.2L21.717 8.221a2.786 2.786 0 0 0-3.94-3.94"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="m16.48 21.002l.27-.002c1.22 0 1.862.506 2.653 1.704l.393.608c.307.455.499.645.74.745c.433.178.792.09 2.109-.544l.403-.196c.824-.404 1.386-.636 2.02-.795a.75.75 0 1 1 .364 1.456c-.394.098-.772.24-1.267.468l-1.159.557c-1.568.74-2.1.829-3.041.44c-.625-.257-.98-.63-1.5-1.425l-.195-.304c-.562-.885-.864-1.176-1.4-1.21l-.12-.004c-.548 0-.656.068-2.74 1.615c-1.742 1.293-3.071 1.91-4.76 1.91q-3.092 0-5.818-1.135l2.882-.666q1.416.3 2.935.301c1.29 0 2.36-.497 3.867-1.615l1.16-.856c1.271-.924 1.554-1.038 2.204-1.052m6.298-17.78a4.286 4.286 0 0 1 0 6.06l-1.036 1.036c1.152 1.402 1.11 2.887.04 3.961l-3.001 3.002a.75.75 0 1 1-1.06-1.062l2.999-2.999c.485-.486.54-1.09-.04-1.838L10.085 21.976A2.25 2.25 0 0 1 9 22.577l-6.08 1.404a.75.75 0 0 1-.9-.9l1.403-6.08a2.25 2.25 0 0 1 .601-1.086L16.717 3.222a4.285 4.285 0 0 1 6.06 0m-5 1.06L5.085 16.977a.75.75 0 0 0-.2.362l-1.135 4.91l4.912-1.133a.75.75 0 0 0 .361-.2L21.717 8.221a2.786 2.786 0 0 0-3.94-3.94"/></svg> </template>
CSS
.icon-signature-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.48%2021.002l.27-.002c1.22%200%201.862.506%202.653%201.704l.393.608c.307.455.499.645.74.745c.433.178.792.09%202.109-.544l.403-.196c.824-.404%201.386-.636%202.02-.795a.75.75%200%201%201%20.364%201.456c-.394.098-.772.24-1.267.468l-1.159.557c-1.568.74-2.1.829-3.041.44c-.625-.257-.98-.63-1.5-1.425l-.195-.304c-.562-.885-.864-1.176-1.4-1.21l-.12-.004c-.548%200-.656.068-2.74%201.615c-1.742%201.293-3.071%201.91-4.76%201.91q-3.092%200-5.818-1.135l2.882-.666q1.416.3%202.935.301c1.29%200%202.36-.497%203.867-1.615l1.16-.856c1.271-.924%201.554-1.038%202.204-1.052m6.298-17.78a4.286%204.286%200%200%201%200%206.06l-1.036%201.036c1.152%201.402%201.11%202.887.04%203.961l-3.001%203.002a.75.75%200%201%201-1.06-1.062l2.999-2.999c.485-.486.54-1.09-.04-1.838L10.085%2021.976A2.25%202.25%200%200%201%209%2022.577l-6.08%201.404a.75.75%200%200%201-.9-.9l1.403-6.08a2.25%202.25%200%200%201%20.601-1.086L16.717%203.222a4.285%204.285%200%200%201%206.06%200m-5%201.06L5.085%2016.977a.75.75%200%200%200-.2.362l-1.135%204.91l4.912-1.133a.75.75%200%200%200%20.361-.2L21.717%208.221a2.786%202.786%200%200%200-3.94-3.94%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.48%2021.002l.27-.002c1.22%200%201.862.506%202.653%201.704l.393.608c.307.455.499.645.74.745c.433.178.792.09%202.109-.544l.403-.196c.824-.404%201.386-.636%202.02-.795a.75.75%200%201%201%20.364%201.456c-.394.098-.772.24-1.267.468l-1.159.557c-1.568.74-2.1.829-3.041.44c-.625-.257-.98-.63-1.5-1.425l-.195-.304c-.562-.885-.864-1.176-1.4-1.21l-.12-.004c-.548%200-.656.068-2.74%201.615c-1.742%201.293-3.071%201.91-4.76%201.91q-3.092%200-5.818-1.135l2.882-.666q1.416.3%202.935.301c1.29%200%202.36-.497%203.867-1.615l1.16-.856c1.271-.924%201.554-1.038%202.204-1.052m6.298-17.78a4.286%204.286%200%200%201%200%206.06l-1.036%201.036c1.152%201.402%201.11%202.887.04%203.961l-3.001%203.002a.75.75%200%201%201-1.06-1.062l2.999-2.999c.485-.486.54-1.09-.04-1.838L10.085%2021.976A2.25%202.25%200%200%201%209%2022.577l-6.08%201.404a.75.75%200%200%201-.9-.9l1.403-6.08a2.25%202.25%200%200%201%20.601-1.086L16.717%203.222a4.285%204.285%200%200%201%206.06%200m-5%201.06L5.085%2016.977a.75.75%200%200%200-.2.362l-1.135%204.91l4.912-1.133a.75.75%200%200%200%20.361-.2L21.717%208.221a2.786%202.786%200%200%200-3.94-3.94%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/signature-28-regular.svg?color=%231a73e8&size=48
