signature icon
signature-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- signature-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
signature-filledAnt Design IconssignatureFramework7 IconssignatureFont Awesome 6 SolidsignatureFont Awesome Solidsignature-16-filledFluent UI System IconssignatureHuge IconssignatureLine AwesomesignatureLucidesignatureMaterial SymbolssignatureMaterial Symbols LightsignatureMaterial Design Iconssignature-fillMingCute IconsignatureTabler Icons
Use the signature icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 170H60.6c3.34-6.54 6.73-13.35 10.06-20.29a26.6 26.6 0 0 0 4.3.35c14.23 0 31.09-11.12 50.33-33.22c1 3 2.2 6.25 3.68 9.56c6.89 15.45 15.68 23.39 26.14 23.6h.39c8.81 0 17.71-5.77 27-17.58c5.83 8.26 19.12 17.58 49.5 17.58a6 6 0 0 0 0-12c-39.69 0-41.88-16.61-42-18.06a5.83 5.83 0 0 0-4.15-5.8a6.09 6.09 0 0 0-6.88 2.59c-12.16 18.67-20.07 21.33-23.63 21.27c-10.78-.21-19.11-23.68-21.46-35a6 6 0 0 0-10.57-2.53C104.64 123.86 88 137 76.18 137.92C100 85.84 107.23 52.7 98.23 36.78C95.44 31.86 89.66 26 77.91 26c-15 0-27 14.62-32.82 40.1c-6.81 29.84-2.97 65.9 14.53 78.9c-4.15 8.64-8.4 17.08-12.52 25H24a6 6 0 0 0 0 12h16.76c-12.11 22.58-21.76 38.66-21.9 38.91a6 6 0 1 0 10.28 6.18c.16-.26 11.56-19.27 25.21-45.09H232a6 6 0 0 0 0-12M56.79 68.77C61.05 50.08 69.34 38 77.91 38c6.4 0 8.64 2.51 9.87 4.69c4 7 6 28.15-22.88 91c-10.31-10.3-14.17-38.39-8.11-64.92"/></svg>
React
import type { SVGProps } from "react";
export function PhSignatureLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 170H60.6c3.34-6.54 6.73-13.35 10.06-20.29a26.6 26.6 0 0 0 4.3.35c14.23 0 31.09-11.12 50.33-33.22c1 3 2.2 6.25 3.68 9.56c6.89 15.45 15.68 23.39 26.14 23.6h.39c8.81 0 17.71-5.77 27-17.58c5.83 8.26 19.12 17.58 49.5 17.58a6 6 0 0 0 0-12c-39.69 0-41.88-16.61-42-18.06a5.83 5.83 0 0 0-4.15-5.8a6.09 6.09 0 0 0-6.88 2.59c-12.16 18.67-20.07 21.33-23.63 21.27c-10.78-.21-19.11-23.68-21.46-35a6 6 0 0 0-10.57-2.53C104.64 123.86 88 137 76.18 137.92C100 85.84 107.23 52.7 98.23 36.78C95.44 31.86 89.66 26 77.91 26c-15 0-27 14.62-32.82 40.1c-6.81 29.84-2.97 65.9 14.53 78.9c-4.15 8.64-8.4 17.08-12.52 25H24a6 6 0 0 0 0 12h16.76c-12.11 22.58-21.76 38.66-21.9 38.91a6 6 0 1 0 10.28 6.18c.16-.26 11.56-19.27 25.21-45.09H232a6 6 0 0 0 0-12M56.79 68.77C61.05 50.08 69.34 38 77.91 38c6.4 0 8.64 2.51 9.87 4.69c4 7 6 28.15-22.88 91c-10.31-10.3-14.17-38.39-8.11-64.92"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 170H60.6c3.34-6.54 6.73-13.35 10.06-20.29a26.6 26.6 0 0 0 4.3.35c14.23 0 31.09-11.12 50.33-33.22c1 3 2.2 6.25 3.68 9.56c6.89 15.45 15.68 23.39 26.14 23.6h.39c8.81 0 17.71-5.77 27-17.58c5.83 8.26 19.12 17.58 49.5 17.58a6 6 0 0 0 0-12c-39.69 0-41.88-16.61-42-18.06a5.83 5.83 0 0 0-4.15-5.8a6.09 6.09 0 0 0-6.88 2.59c-12.16 18.67-20.07 21.33-23.63 21.27c-10.78-.21-19.11-23.68-21.46-35a6 6 0 0 0-10.57-2.53C104.64 123.86 88 137 76.18 137.92C100 85.84 107.23 52.7 98.23 36.78C95.44 31.86 89.66 26 77.91 26c-15 0-27 14.62-32.82 40.1c-6.81 29.84-2.97 65.9 14.53 78.9c-4.15 8.64-8.4 17.08-12.52 25H24a6 6 0 0 0 0 12h16.76c-12.11 22.58-21.76 38.66-21.9 38.91a6 6 0 1 0 10.28 6.18c.16-.26 11.56-19.27 25.21-45.09H232a6 6 0 0 0 0-12M56.79 68.77C61.05 50.08 69.34 38 77.91 38c6.4 0 8.64 2.51 9.87 4.69c4 7 6 28.15-22.88 91c-10.31-10.3-14.17-38.39-8.11-64.92"/></svg> </template>
CSS
.icon-signature-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20170H60.6c3.34-6.54%206.73-13.35%2010.06-20.29a26.6%2026.6%200%200%200%204.3.35c14.23%200%2031.09-11.12%2050.33-33.22c1%203%202.2%206.25%203.68%209.56c6.89%2015.45%2015.68%2023.39%2026.14%2023.6h.39c8.81%200%2017.71-5.77%2027-17.58c5.83%208.26%2019.12%2017.58%2049.5%2017.58a6%206%200%200%200%200-12c-39.69%200-41.88-16.61-42-18.06a5.83%205.83%200%200%200-4.15-5.8a6.09%206.09%200%200%200-6.88%202.59c-12.16%2018.67-20.07%2021.33-23.63%2021.27c-10.78-.21-19.11-23.68-21.46-35a6%206%200%200%200-10.57-2.53C104.64%20123.86%2088%20137%2076.18%20137.92C100%2085.84%20107.23%2052.7%2098.23%2036.78C95.44%2031.86%2089.66%2026%2077.91%2026c-15%200-27%2014.62-32.82%2040.1c-6.81%2029.84-2.97%2065.9%2014.53%2078.9c-4.15%208.64-8.4%2017.08-12.52%2025H24a6%206%200%200%200%200%2012h16.76c-12.11%2022.58-21.76%2038.66-21.9%2038.91a6%206%200%201%200%2010.28%206.18c.16-.26%2011.56-19.27%2025.21-45.09H232a6%206%200%200%200%200-12M56.79%2068.77C61.05%2050.08%2069.34%2038%2077.91%2038c6.4%200%208.64%202.51%209.87%204.69c4%207%206%2028.15-22.88%2091c-10.31-10.3-14.17-38.39-8.11-64.92%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20170H60.6c3.34-6.54%206.73-13.35%2010.06-20.29a26.6%2026.6%200%200%200%204.3.35c14.23%200%2031.09-11.12%2050.33-33.22c1%203%202.2%206.25%203.68%209.56c6.89%2015.45%2015.68%2023.39%2026.14%2023.6h.39c8.81%200%2017.71-5.77%2027-17.58c5.83%208.26%2019.12%2017.58%2049.5%2017.58a6%206%200%200%200%200-12c-39.69%200-41.88-16.61-42-18.06a5.83%205.83%200%200%200-4.15-5.8a6.09%206.09%200%200%200-6.88%202.59c-12.16%2018.67-20.07%2021.33-23.63%2021.27c-10.78-.21-19.11-23.68-21.46-35a6%206%200%200%200-10.57-2.53C104.64%20123.86%2088%20137%2076.18%20137.92C100%2085.84%20107.23%2052.7%2098.23%2036.78C95.44%2031.86%2089.66%2026%2077.91%2026c-15%200-27%2014.62-32.82%2040.1c-6.81%2029.84-2.97%2065.9%2014.53%2078.9c-4.15%208.64-8.4%2017.08-12.52%2025H24a6%206%200%200%200%200%2012h16.76c-12.11%2022.58-21.76%2038.66-21.9%2038.91a6%206%200%201%200%2010.28%206.18c.16-.26%2011.56-19.27%2025.21-45.09H232a6%206%200%200%200%200-12M56.79%2068.77C61.05%2050.08%2069.34%2038%2077.91%2038c6.4%200%208.64%202.51%209.87%204.69c4%207%206%2028.15-22.88%2091c-10.31-10.3-14.17-38.39-8.11-64.92%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/signature-light.svg?color=%231a73e8&size=48
