signature icon
signature-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- signature-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
10 other variants in Fluent UI System Icons
The same icon in other sets
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.75 16.5c1.31 0 1.819.583 2.206 1.875l.068.237c.182.657.292.854.513.945c.259.107.431.092.703-.048l.147-.082q.078-.048.176-.112l.663-.451c.616-.405 1.17-.673 1.843-.841a.75.75 0 1 1 .364 1.455a4 4 0 0 0-1.146.49l-.298.19l-.48.328a6 6 0 0 1-.583.357c-.643.33-1.27.386-1.961.1c-.745-.306-1.045-.779-1.326-1.72l-.156-.543c-.181-.589-.305-.68-.732-.68c-.31 0-.63.155-1.069.523l-.184.161l-.921.875c-1.408 1.324-2.609 1.967-4.328 1.967q-2.53.002-4.368-.769l2.947-.804q.67.072 1.421.073c1.183 0 2.032-.415 3.087-1.363l.258-.239l.532-.51c.236-.227.414-.39.592-.54c.684-.573 1.305-.874 2.033-.874m4.281-13.53a3.58 3.58 0 0 1 0 5.06l-.288.29c1.151 1.4 1.11 2.886.039 3.96l-2.003 2a.75.75 0 0 1-1.06-1.062l1.999-1.998c.485-.487.54-1.09-.04-1.839L9.063 18a2.25 2.25 0 0 1-1 .58l-5.115 1.395a.75.75 0 0 1-.92-.921l1.394-5.116a2.25 2.25 0 0 1 .58-.999L13.97 2.97a3.58 3.58 0 0 1 5.061 0m-4 1.06L5.063 14a.75.75 0 0 0-.193.333l-1.05 3.85l3.85-1.05a.75.75 0 0 0 .332-.194l9.969-9.968a2.078 2.078 0 1 0-2.94-2.94"/></svg>
React
import type { SVGProps } from "react";
export function FluentSignature24Regular(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.75 16.5c1.31 0 1.819.583 2.206 1.875l.068.237c.182.657.292.854.513.945c.259.107.431.092.703-.048l.147-.082q.078-.048.176-.112l.663-.451c.616-.405 1.17-.673 1.843-.841a.75.75 0 1 1 .364 1.455a4 4 0 0 0-1.146.49l-.298.19l-.48.328a6 6 0 0 1-.583.357c-.643.33-1.27.386-1.961.1c-.745-.306-1.045-.779-1.326-1.72l-.156-.543c-.181-.589-.305-.68-.732-.68c-.31 0-.63.155-1.069.523l-.184.161l-.921.875c-1.408 1.324-2.609 1.967-4.328 1.967q-2.53.002-4.368-.769l2.947-.804q.67.072 1.421.073c1.183 0 2.032-.415 3.087-1.363l.258-.239l.532-.51c.236-.227.414-.39.592-.54c.684-.573 1.305-.874 2.033-.874m4.281-13.53a3.58 3.58 0 0 1 0 5.06l-.288.29c1.151 1.4 1.11 2.886.039 3.96l-2.003 2a.75.75 0 0 1-1.06-1.062l1.999-1.998c.485-.487.54-1.09-.04-1.839L9.063 18a2.25 2.25 0 0 1-1 .58l-5.115 1.395a.75.75 0 0 1-.92-.921l1.394-5.116a2.25 2.25 0 0 1 .58-.999L13.97 2.97a3.58 3.58 0 0 1 5.061 0m-4 1.06L5.063 14a.75.75 0 0 0-.193.333l-1.05 3.85l3.85-1.05a.75.75 0 0 0 .332-.194l9.969-9.968a2.078 2.078 0 1 0-2.94-2.94"/></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.75 16.5c1.31 0 1.819.583 2.206 1.875l.068.237c.182.657.292.854.513.945c.259.107.431.092.703-.048l.147-.082q.078-.048.176-.112l.663-.451c.616-.405 1.17-.673 1.843-.841a.75.75 0 1 1 .364 1.455a4 4 0 0 0-1.146.49l-.298.19l-.48.328a6 6 0 0 1-.583.357c-.643.33-1.27.386-1.961.1c-.745-.306-1.045-.779-1.326-1.72l-.156-.543c-.181-.589-.305-.68-.732-.68c-.31 0-.63.155-1.069.523l-.184.161l-.921.875c-1.408 1.324-2.609 1.967-4.328 1.967q-2.53.002-4.368-.769l2.947-.804q.67.072 1.421.073c1.183 0 2.032-.415 3.087-1.363l.258-.239l.532-.51c.236-.227.414-.39.592-.54c.684-.573 1.305-.874 2.033-.874m4.281-13.53a3.58 3.58 0 0 1 0 5.06l-.288.29c1.151 1.4 1.11 2.886.039 3.96l-2.003 2a.75.75 0 0 1-1.06-1.062l1.999-1.998c.485-.487.54-1.09-.04-1.839L9.063 18a2.25 2.25 0 0 1-1 .58l-5.115 1.395a.75.75 0 0 1-.92-.921l1.394-5.116a2.25 2.25 0 0 1 .58-.999L13.97 2.97a3.58 3.58 0 0 1 5.061 0m-4 1.06L5.063 14a.75.75 0 0 0-.193.333l-1.05 3.85l3.85-1.05a.75.75 0 0 0 .332-.194l9.969-9.968a2.078 2.078 0 1 0-2.94-2.94"/></svg> </template>
CSS
.icon-signature-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.75%2016.5c1.31%200%201.819.583%202.206%201.875l.068.237c.182.657.292.854.513.945c.259.107.431.092.703-.048l.147-.082q.078-.048.176-.112l.663-.451c.616-.405%201.17-.673%201.843-.841a.75.75%200%201%201%20.364%201.455a4%204%200%200%200-1.146.49l-.298.19l-.48.328a6%206%200%200%201-.583.357c-.643.33-1.27.386-1.961.1c-.745-.306-1.045-.779-1.326-1.72l-.156-.543c-.181-.589-.305-.68-.732-.68c-.31%200-.63.155-1.069.523l-.184.161l-.921.875c-1.408%201.324-2.609%201.967-4.328%201.967q-2.53.002-4.368-.769l2.947-.804q.67.072%201.421.073c1.183%200%202.032-.415%203.087-1.363l.258-.239l.532-.51c.236-.227.414-.39.592-.54c.684-.573%201.305-.874%202.033-.874m4.281-13.53a3.58%203.58%200%200%201%200%205.06l-.288.29c1.151%201.4%201.11%202.886.039%203.96l-2.003%202a.75.75%200%200%201-1.06-1.062l1.999-1.998c.485-.487.54-1.09-.04-1.839L9.063%2018a2.25%202.25%200%200%201-1%20.58l-5.115%201.395a.75.75%200%200%201-.92-.921l1.394-5.116a2.25%202.25%200%200%201%20.58-.999L13.97%202.97a3.58%203.58%200%200%201%205.061%200m-4%201.06L5.063%2014a.75.75%200%200%200-.193.333l-1.05%203.85l3.85-1.05a.75.75%200%200%200%20.332-.194l9.969-9.968a2.078%202.078%200%201%200-2.94-2.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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.75%2016.5c1.31%200%201.819.583%202.206%201.875l.068.237c.182.657.292.854.513.945c.259.107.431.092.703-.048l.147-.082q.078-.048.176-.112l.663-.451c.616-.405%201.17-.673%201.843-.841a.75.75%200%201%201%20.364%201.455a4%204%200%200%200-1.146.49l-.298.19l-.48.328a6%206%200%200%201-.583.357c-.643.33-1.27.386-1.961.1c-.745-.306-1.045-.779-1.326-1.72l-.156-.543c-.181-.589-.305-.68-.732-.68c-.31%200-.63.155-1.069.523l-.184.161l-.921.875c-1.408%201.324-2.609%201.967-4.328%201.967q-2.53.002-4.368-.769l2.947-.804q.67.072%201.421.073c1.183%200%202.032-.415%203.087-1.363l.258-.239l.532-.51c.236-.227.414-.39.592-.54c.684-.573%201.305-.874%202.033-.874m4.281-13.53a3.58%203.58%200%200%201%200%205.06l-.288.29c1.151%201.4%201.11%202.886.039%203.96l-2.003%202a.75.75%200%200%201-1.06-1.062l1.999-1.998c.485-.487.54-1.09-.04-1.839L9.063%2018a2.25%202.25%200%200%201-1%20.58l-5.115%201.395a.75.75%200%200%201-.92-.921l1.394-5.116a2.25%202.25%200%200%201%20.58-.999L13.97%202.97a3.58%203.58%200%200%201%205.061%200m-4%201.06L5.063%2014a.75.75%200%200%200-.193.333l-1.05%203.85l3.85-1.05a.75.75%200%200%200%20.332-.194l9.969-9.968a2.078%202.078%200%201%200-2.94-2.94%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/signature-24-regular.svg?color=%231a73e8&size=48
