signature icon
signature-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- signature-thin
- Set
- Phosphor
- Style
- Thin
- 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 172H57.32c4-7.83 8.18-16.11 12.21-24.56c15.14 3.55 34.13-8.06 56.54-34.59c3.67 12.5 12.53 34.83 29.08 35.15h.35c8.71 0 17.64-6.25 27.16-19.06c4.51 8.2 16.65 19.06 49.34 19.06a4 4 0 0 0 0-8c-42.88 0-44-19.24-44-20a4 4 0 0 0-7.35-2.18C168.74 136.1 160.42 140 155.48 140h-.18c-13-.25-21.29-26.52-23.38-36.61a4 4 0 0 0-7-1.69c-20.94 26.27-39.06 39.55-51.8 38.2c24.19-52.4 32.07-86.74 23.37-102.13C94 33.31 88.7 28 77.91 28C64.09 28 52.54 42.41 47 66.54A122.7 122.7 0 0 0 45.46 113c2.64 15.29 8.39 26.05 16.69 31.35c-4.58 9.6-9.3 19-13.84 27.68H24a4 4 0 0 0 0 8h20.1c-12.87 24.17-23.37 41.68-23.53 41.94a4 4 0 0 0 1.37 5.49A3.93 3.93 0 0 0 24 228a4 4 0 0 0 3.43-1.94c.16-.27 11.85-19.75 25.72-46.06H232a4 4 0 0 0 0-8M53.34 111.61a114.8 114.8 0 0 1 1.49-43.29C58.4 52.7 66.34 36 77.91 36c7.52 0 10.23 3.26 11.61 5.7C99 58.4 79.92 106 65.6 137c-5.84-4.31-10.14-13.17-12.26-25.39"/></svg>
React
import type { SVGProps } from "react";
export function PhSignatureThin(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 172H57.32c4-7.83 8.18-16.11 12.21-24.56c15.14 3.55 34.13-8.06 56.54-34.59c3.67 12.5 12.53 34.83 29.08 35.15h.35c8.71 0 17.64-6.25 27.16-19.06c4.51 8.2 16.65 19.06 49.34 19.06a4 4 0 0 0 0-8c-42.88 0-44-19.24-44-20a4 4 0 0 0-7.35-2.18C168.74 136.1 160.42 140 155.48 140h-.18c-13-.25-21.29-26.52-23.38-36.61a4 4 0 0 0-7-1.69c-20.94 26.27-39.06 39.55-51.8 38.2c24.19-52.4 32.07-86.74 23.37-102.13C94 33.31 88.7 28 77.91 28C64.09 28 52.54 42.41 47 66.54A122.7 122.7 0 0 0 45.46 113c2.64 15.29 8.39 26.05 16.69 31.35c-4.58 9.6-9.3 19-13.84 27.68H24a4 4 0 0 0 0 8h20.1c-12.87 24.17-23.37 41.68-23.53 41.94a4 4 0 0 0 1.37 5.49A3.93 3.93 0 0 0 24 228a4 4 0 0 0 3.43-1.94c.16-.27 11.85-19.75 25.72-46.06H232a4 4 0 0 0 0-8M53.34 111.61a114.8 114.8 0 0 1 1.49-43.29C58.4 52.7 66.34 36 77.91 36c7.52 0 10.23 3.26 11.61 5.7C99 58.4 79.92 106 65.6 137c-5.84-4.31-10.14-13.17-12.26-25.39"/></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 172H57.32c4-7.83 8.18-16.11 12.21-24.56c15.14 3.55 34.13-8.06 56.54-34.59c3.67 12.5 12.53 34.83 29.08 35.15h.35c8.71 0 17.64-6.25 27.16-19.06c4.51 8.2 16.65 19.06 49.34 19.06a4 4 0 0 0 0-8c-42.88 0-44-19.24-44-20a4 4 0 0 0-7.35-2.18C168.74 136.1 160.42 140 155.48 140h-.18c-13-.25-21.29-26.52-23.38-36.61a4 4 0 0 0-7-1.69c-20.94 26.27-39.06 39.55-51.8 38.2c24.19-52.4 32.07-86.74 23.37-102.13C94 33.31 88.7 28 77.91 28C64.09 28 52.54 42.41 47 66.54A122.7 122.7 0 0 0 45.46 113c2.64 15.29 8.39 26.05 16.69 31.35c-4.58 9.6-9.3 19-13.84 27.68H24a4 4 0 0 0 0 8h20.1c-12.87 24.17-23.37 41.68-23.53 41.94a4 4 0 0 0 1.37 5.49A3.93 3.93 0 0 0 24 228a4 4 0 0 0 3.43-1.94c.16-.27 11.85-19.75 25.72-46.06H232a4 4 0 0 0 0-8M53.34 111.61a114.8 114.8 0 0 1 1.49-43.29C58.4 52.7 66.34 36 77.91 36c7.52 0 10.23 3.26 11.61 5.7C99 58.4 79.92 106 65.6 137c-5.84-4.31-10.14-13.17-12.26-25.39"/></svg> </template>
CSS
.icon-signature-thin {
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%20172H57.32c4-7.83%208.18-16.11%2012.21-24.56c15.14%203.55%2034.13-8.06%2056.54-34.59c3.67%2012.5%2012.53%2034.83%2029.08%2035.15h.35c8.71%200%2017.64-6.25%2027.16-19.06c4.51%208.2%2016.65%2019.06%2049.34%2019.06a4%204%200%200%200%200-8c-42.88%200-44-19.24-44-20a4%204%200%200%200-7.35-2.18C168.74%20136.1%20160.42%20140%20155.48%20140h-.18c-13-.25-21.29-26.52-23.38-36.61a4%204%200%200%200-7-1.69c-20.94%2026.27-39.06%2039.55-51.8%2038.2c24.19-52.4%2032.07-86.74%2023.37-102.13C94%2033.31%2088.7%2028%2077.91%2028C64.09%2028%2052.54%2042.41%2047%2066.54A122.7%20122.7%200%200%200%2045.46%20113c2.64%2015.29%208.39%2026.05%2016.69%2031.35c-4.58%209.6-9.3%2019-13.84%2027.68H24a4%204%200%200%200%200%208h20.1c-12.87%2024.17-23.37%2041.68-23.53%2041.94a4%204%200%200%200%201.37%205.49A3.93%203.93%200%200%200%2024%20228a4%204%200%200%200%203.43-1.94c.16-.27%2011.85-19.75%2025.72-46.06H232a4%204%200%200%200%200-8M53.34%20111.61a114.8%20114.8%200%200%201%201.49-43.29C58.4%2052.7%2066.34%2036%2077.91%2036c7.52%200%2010.23%203.26%2011.61%205.7C99%2058.4%2079.92%20106%2065.6%20137c-5.84-4.31-10.14-13.17-12.26-25.39%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%20172H57.32c4-7.83%208.18-16.11%2012.21-24.56c15.14%203.55%2034.13-8.06%2056.54-34.59c3.67%2012.5%2012.53%2034.83%2029.08%2035.15h.35c8.71%200%2017.64-6.25%2027.16-19.06c4.51%208.2%2016.65%2019.06%2049.34%2019.06a4%204%200%200%200%200-8c-42.88%200-44-19.24-44-20a4%204%200%200%200-7.35-2.18C168.74%20136.1%20160.42%20140%20155.48%20140h-.18c-13-.25-21.29-26.52-23.38-36.61a4%204%200%200%200-7-1.69c-20.94%2026.27-39.06%2039.55-51.8%2038.2c24.19-52.4%2032.07-86.74%2023.37-102.13C94%2033.31%2088.7%2028%2077.91%2028C64.09%2028%2052.54%2042.41%2047%2066.54A122.7%20122.7%200%200%200%2045.46%20113c2.64%2015.29%208.39%2026.05%2016.69%2031.35c-4.58%209.6-9.3%2019-13.84%2027.68H24a4%204%200%200%200%200%208h20.1c-12.87%2024.17-23.37%2041.68-23.53%2041.94a4%204%200%200%200%201.37%205.49A3.93%203.93%200%200%200%2024%20228a4%204%200%200%200%203.43-1.94c.16-.27%2011.85-19.75%2025.72-46.06H232a4%204%200%200%200%200-8M53.34%20111.61a114.8%20114.8%200%200%201%201.49-43.29C58.4%2052.7%2066.34%2036%2077.91%2036c7.52%200%2010.23%203.26%2011.61%205.7C99%2058.4%2079.92%20106%2065.6%20137c-5.84-4.31-10.14-13.17-12.26-25.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/signature-thin.svg?color=%231a73e8&size=48
