signature icon
signature-32-light from Fluent UI System Icons by Microsoft Corporation · 32 Light · MIT Free for personal and commercial use.
- Name
- signature-32-light
- Set
- Fluent UI System Icons
- Style
- 32 Light
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="M17.9 3.39a4.744 4.744 0 1 1 6.708 6.708l-.662.662l.028.028a3.5 3.5 0 0 1-.001 4.951l-3.117 3.114a.5.5 0 1 1-.707-.707l3.117-3.114a2.5 2.5 0 0 0 0-3.536l-.027-.029l-11.954 11.954a3.5 3.5 0 0 1-1.616.918l-6.423 1.626a1 1 0 0 1-1.214-1.216l1.632-6.428a3.5 3.5 0 0 1 .917-1.613zm6 .707a3.744 3.744 0 0 0-5.294 0L5.288 17.415a2.5 2.5 0 0 0-.655 1.152L3 24.996l6.423-1.625a2.5 2.5 0 0 0 1.154-.656L23.901 9.39a3.744 3.744 0 0 0 0-5.294M4.002 27.32c.38.361.812.71 1.28 1.03C6.643 29.28 8.366 30 10 30c1.222 0 2.392-.45 3.46-1.076c1.07-.627 2.071-1.45 2.96-2.237c.348-.31.675-.61.982-.89c.492-.45.933-.855 1.337-1.182q.483-.395.802-.552a1 1 0 0 1 .235-.086a.3.3 0 0 1 .063-.003h.003c.252.084.46.295.66.694c.171.338.303.742.452 1.2l.094.286c.353 1.066.86 2.463 2.33 2.831c.644.161 1.207.033 1.712-.229c.482-.25.933-.634 1.36-1.001l.015-.013c.881-.755 1.78-1.526 3.117-1.749a.5.5 0 1 0-.164-.986c-1.614.269-2.698 1.2-3.553 1.932l-.065.056c-.448.384-.81.686-1.17.874c-.34.176-.652.235-1.009.146c-.87-.218-1.245-1.032-1.624-2.175l-.085-.26c-.148-.457-.308-.949-.516-1.362c-.253-.502-.623-.987-1.238-1.192c-.376-.126-.755-.01-1.058.14c-.316.155-.651.396-.992.672c-.422.343-.905.785-1.417 1.254a81 81 0 0 1-.935.846c-.875.776-1.817 1.546-2.801 2.123S10.978 29 10 29c-1.366 0-2.893-.614-4.156-1.476a10 10 0 0 1-.67-.5zm-1.97-2.572l.485.123z"/></svg>
React
import type { SVGProps } from "react";
export function FluentSignature32Light(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.9 3.39a4.744 4.744 0 1 1 6.708 6.708l-.662.662l.028.028a3.5 3.5 0 0 1-.001 4.951l-3.117 3.114a.5.5 0 1 1-.707-.707l3.117-3.114a2.5 2.5 0 0 0 0-3.536l-.027-.029l-11.954 11.954a3.5 3.5 0 0 1-1.616.918l-6.423 1.626a1 1 0 0 1-1.214-1.216l1.632-6.428a3.5 3.5 0 0 1 .917-1.613zm6 .707a3.744 3.744 0 0 0-5.294 0L5.288 17.415a2.5 2.5 0 0 0-.655 1.152L3 24.996l6.423-1.625a2.5 2.5 0 0 0 1.154-.656L23.901 9.39a3.744 3.744 0 0 0 0-5.294M4.002 27.32c.38.361.812.71 1.28 1.03C6.643 29.28 8.366 30 10 30c1.222 0 2.392-.45 3.46-1.076c1.07-.627 2.071-1.45 2.96-2.237c.348-.31.675-.61.982-.89c.492-.45.933-.855 1.337-1.182q.483-.395.802-.552a1 1 0 0 1 .235-.086a.3.3 0 0 1 .063-.003h.003c.252.084.46.295.66.694c.171.338.303.742.452 1.2l.094.286c.353 1.066.86 2.463 2.33 2.831c.644.161 1.207.033 1.712-.229c.482-.25.933-.634 1.36-1.001l.015-.013c.881-.755 1.78-1.526 3.117-1.749a.5.5 0 1 0-.164-.986c-1.614.269-2.698 1.2-3.553 1.932l-.065.056c-.448.384-.81.686-1.17.874c-.34.176-.652.235-1.009.146c-.87-.218-1.245-1.032-1.624-2.175l-.085-.26c-.148-.457-.308-.949-.516-1.362c-.253-.502-.623-.987-1.238-1.192c-.376-.126-.755-.01-1.058.14c-.316.155-.651.396-.992.672c-.422.343-.905.785-1.417 1.254a81 81 0 0 1-.935.846c-.875.776-1.817 1.546-2.801 2.123S10.978 29 10 29c-1.366 0-2.893-.614-4.156-1.476a10 10 0 0 1-.67-.5zm-1.97-2.572l.485.123z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.9 3.39a4.744 4.744 0 1 1 6.708 6.708l-.662.662l.028.028a3.5 3.5 0 0 1-.001 4.951l-3.117 3.114a.5.5 0 1 1-.707-.707l3.117-3.114a2.5 2.5 0 0 0 0-3.536l-.027-.029l-11.954 11.954a3.5 3.5 0 0 1-1.616.918l-6.423 1.626a1 1 0 0 1-1.214-1.216l1.632-6.428a3.5 3.5 0 0 1 .917-1.613zm6 .707a3.744 3.744 0 0 0-5.294 0L5.288 17.415a2.5 2.5 0 0 0-.655 1.152L3 24.996l6.423-1.625a2.5 2.5 0 0 0 1.154-.656L23.901 9.39a3.744 3.744 0 0 0 0-5.294M4.002 27.32c.38.361.812.71 1.28 1.03C6.643 29.28 8.366 30 10 30c1.222 0 2.392-.45 3.46-1.076c1.07-.627 2.071-1.45 2.96-2.237c.348-.31.675-.61.982-.89c.492-.45.933-.855 1.337-1.182q.483-.395.802-.552a1 1 0 0 1 .235-.086a.3.3 0 0 1 .063-.003h.003c.252.084.46.295.66.694c.171.338.303.742.452 1.2l.094.286c.353 1.066.86 2.463 2.33 2.831c.644.161 1.207.033 1.712-.229c.482-.25.933-.634 1.36-1.001l.015-.013c.881-.755 1.78-1.526 3.117-1.749a.5.5 0 1 0-.164-.986c-1.614.269-2.698 1.2-3.553 1.932l-.065.056c-.448.384-.81.686-1.17.874c-.34.176-.652.235-1.009.146c-.87-.218-1.245-1.032-1.624-2.175l-.085-.26c-.148-.457-.308-.949-.516-1.362c-.253-.502-.623-.987-1.238-1.192c-.376-.126-.755-.01-1.058.14c-.316.155-.651.396-.992.672c-.422.343-.905.785-1.417 1.254a81 81 0 0 1-.935.846c-.875.776-1.817 1.546-2.801 2.123S10.978 29 10 29c-1.366 0-2.893-.614-4.156-1.476a10 10 0 0 1-.67-.5zm-1.97-2.572l.485.123z"/></svg> </template>
CSS
.icon-signature-32-light {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.9%203.39a4.744%204.744%200%201%201%206.708%206.708l-.662.662l.028.028a3.5%203.5%200%200%201-.001%204.951l-3.117%203.114a.5.5%200%201%201-.707-.707l3.117-3.114a2.5%202.5%200%200%200%200-3.536l-.027-.029l-11.954%2011.954a3.5%203.5%200%200%201-1.616.918l-6.423%201.626a1%201%200%200%201-1.214-1.216l1.632-6.428a3.5%203.5%200%200%201%20.917-1.613zm6%20.707a3.744%203.744%200%200%200-5.294%200L5.288%2017.415a2.5%202.5%200%200%200-.655%201.152L3%2024.996l6.423-1.625a2.5%202.5%200%200%200%201.154-.656L23.901%209.39a3.744%203.744%200%200%200%200-5.294M4.002%2027.32c.38.361.812.71%201.28%201.03C6.643%2029.28%208.366%2030%2010%2030c1.222%200%202.392-.45%203.46-1.076c1.07-.627%202.071-1.45%202.96-2.237c.348-.31.675-.61.982-.89c.492-.45.933-.855%201.337-1.182q.483-.395.802-.552a1%201%200%200%201%20.235-.086a.3.3%200%200%201%20.063-.003h.003c.252.084.46.295.66.694c.171.338.303.742.452%201.2l.094.286c.353%201.066.86%202.463%202.33%202.831c.644.161%201.207.033%201.712-.229c.482-.25.933-.634%201.36-1.001l.015-.013c.881-.755%201.78-1.526%203.117-1.749a.5.5%200%201%200-.164-.986c-1.614.269-2.698%201.2-3.553%201.932l-.065.056c-.448.384-.81.686-1.17.874c-.34.176-.652.235-1.009.146c-.87-.218-1.245-1.032-1.624-2.175l-.085-.26c-.148-.457-.308-.949-.516-1.362c-.253-.502-.623-.987-1.238-1.192c-.376-.126-.755-.01-1.058.14c-.316.155-.651.396-.992.672c-.422.343-.905.785-1.417%201.254a81%2081%200%200%201-.935.846c-.875.776-1.817%201.546-2.801%202.123S10.978%2029%2010%2029c-1.366%200-2.893-.614-4.156-1.476a10%2010%200%200%201-.67-.5zm-1.97-2.572l.485.123z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.9%203.39a4.744%204.744%200%201%201%206.708%206.708l-.662.662l.028.028a3.5%203.5%200%200%201-.001%204.951l-3.117%203.114a.5.5%200%201%201-.707-.707l3.117-3.114a2.5%202.5%200%200%200%200-3.536l-.027-.029l-11.954%2011.954a3.5%203.5%200%200%201-1.616.918l-6.423%201.626a1%201%200%200%201-1.214-1.216l1.632-6.428a3.5%203.5%200%200%201%20.917-1.613zm6%20.707a3.744%203.744%200%200%200-5.294%200L5.288%2017.415a2.5%202.5%200%200%200-.655%201.152L3%2024.996l6.423-1.625a2.5%202.5%200%200%200%201.154-.656L23.901%209.39a3.744%203.744%200%200%200%200-5.294M4.002%2027.32c.38.361.812.71%201.28%201.03C6.643%2029.28%208.366%2030%2010%2030c1.222%200%202.392-.45%203.46-1.076c1.07-.627%202.071-1.45%202.96-2.237c.348-.31.675-.61.982-.89c.492-.45.933-.855%201.337-1.182q.483-.395.802-.552a1%201%200%200%201%20.235-.086a.3.3%200%200%201%20.063-.003h.003c.252.084.46.295.66.694c.171.338.303.742.452%201.2l.094.286c.353%201.066.86%202.463%202.33%202.831c.644.161%201.207.033%201.712-.229c.482-.25.933-.634%201.36-1.001l.015-.013c.881-.755%201.78-1.526%203.117-1.749a.5.5%200%201%200-.164-.986c-1.614.269-2.698%201.2-3.553%201.932l-.065.056c-.448.384-.81.686-1.17.874c-.34.176-.652.235-1.009.146c-.87-.218-1.245-1.032-1.624-2.175l-.085-.26c-.148-.457-.308-.949-.516-1.362c-.253-.502-.623-.987-1.238-1.192c-.376-.126-.755-.01-1.058.14c-.316.155-.651.396-.992.672c-.422.343-.905.785-1.417%201.254a81%2081%200%200%201-.935.846c-.875.776-1.817%201.546-2.801%202.123S10.978%2029%2010%2029c-1.366%200-2.893-.614-4.156-1.476a10%2010%200%200%201-.67-.5zm-1.97-2.572l.485.123z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/signature-32-light.svg?color=%231a73e8&size=48
