signature icon
signature-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- signature-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M67.41 142.56C35.71 129.52 45.41 32.07 78 32c33.82.05 14 58.26-10.59 110.56" opacity=".2"/><path d="M232 168H63.86c2.66-5.24 5.33-10.63 8-16.11c14.94 1.65 32.58-8.78 52.66-31.14c5 13.46 14.45 30.93 30.58 31.25c9.09.18 18.11-5.2 27.42-16.37C189.31 143.75 203.3 152 232 152a8 8 0 0 0 0-16c-30.43 0-39.43-10.45-40-16.11a7.67 7.67 0 0 0-5.46-7.75a8.14 8.14 0 0 0-9.25 3.49C165.23 134.17 158 136.06 155.38 136c-8.26-.16-16.66-19.52-19.54-33.42a8 8 0 0 0-14.09-3.37c-20.21 25.34-33.75 33.87-42.18 36.08c8.49-18.87 14.83-35.44 18.89-49.39c6.82-23.44 7.32-39.83 1.51-50.1c-3-5.38-9.34-11.8-22.06-11.8c-16.06 0-28.73 15.18-34.77 41.65c-3.59 15.71-4.18 33.21-1.62 48s7.87 25.55 15.59 31.94c-3.73 7.72-7.53 15.26-11.23 22.41H24a8 8 0 0 0 0 16h13.41c-11.32 21-20.12 35.64-20.26 35.88a8 8 0 1 0 13.71 8.24c.15-.26 11.27-18.79 24.7-44.12H232a8 8 0 0 0 0-16M58.74 69.21C62.72 51.74 70.43 40 77.91 40c5.33 0 7.1 1.86 8.13 3.67c3 5.33 6.52 24.19-21.66 86.39c-8.26-11.28-11.07-37.06-5.64-60.85"/></g></svg>
React
import type { SVGProps } from "react";
export function PhSignatureDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M67.41 142.56C35.71 129.52 45.41 32.07 78 32c33.82.05 14 58.26-10.59 110.56" opacity=".2"/><path d="M232 168H63.86c2.66-5.24 5.33-10.63 8-16.11c14.94 1.65 32.58-8.78 52.66-31.14c5 13.46 14.45 30.93 30.58 31.25c9.09.18 18.11-5.2 27.42-16.37C189.31 143.75 203.3 152 232 152a8 8 0 0 0 0-16c-30.43 0-39.43-10.45-40-16.11a7.67 7.67 0 0 0-5.46-7.75a8.14 8.14 0 0 0-9.25 3.49C165.23 134.17 158 136.06 155.38 136c-8.26-.16-16.66-19.52-19.54-33.42a8 8 0 0 0-14.09-3.37c-20.21 25.34-33.75 33.87-42.18 36.08c8.49-18.87 14.83-35.44 18.89-49.39c6.82-23.44 7.32-39.83 1.51-50.1c-3-5.38-9.34-11.8-22.06-11.8c-16.06 0-28.73 15.18-34.77 41.65c-3.59 15.71-4.18 33.21-1.62 48s7.87 25.55 15.59 31.94c-3.73 7.72-7.53 15.26-11.23 22.41H24a8 8 0 0 0 0 16h13.41c-11.32 21-20.12 35.64-20.26 35.88a8 8 0 1 0 13.71 8.24c.15-.26 11.27-18.79 24.7-44.12H232a8 8 0 0 0 0-16M58.74 69.21C62.72 51.74 70.43 40 77.91 40c5.33 0 7.1 1.86 8.13 3.67c3 5.33 6.52 24.19-21.66 86.39c-8.26-11.28-11.07-37.06-5.64-60.85"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M67.41 142.56C35.71 129.52 45.41 32.07 78 32c33.82.05 14 58.26-10.59 110.56" opacity=".2"/><path d="M232 168H63.86c2.66-5.24 5.33-10.63 8-16.11c14.94 1.65 32.58-8.78 52.66-31.14c5 13.46 14.45 30.93 30.58 31.25c9.09.18 18.11-5.2 27.42-16.37C189.31 143.75 203.3 152 232 152a8 8 0 0 0 0-16c-30.43 0-39.43-10.45-40-16.11a7.67 7.67 0 0 0-5.46-7.75a8.14 8.14 0 0 0-9.25 3.49C165.23 134.17 158 136.06 155.38 136c-8.26-.16-16.66-19.52-19.54-33.42a8 8 0 0 0-14.09-3.37c-20.21 25.34-33.75 33.87-42.18 36.08c8.49-18.87 14.83-35.44 18.89-49.39c6.82-23.44 7.32-39.83 1.51-50.1c-3-5.38-9.34-11.8-22.06-11.8c-16.06 0-28.73 15.18-34.77 41.65c-3.59 15.71-4.18 33.21-1.62 48s7.87 25.55 15.59 31.94c-3.73 7.72-7.53 15.26-11.23 22.41H24a8 8 0 0 0 0 16h13.41c-11.32 21-20.12 35.64-20.26 35.88a8 8 0 1 0 13.71 8.24c.15-.26 11.27-18.79 24.7-44.12H232a8 8 0 0 0 0-16M58.74 69.21C62.72 51.74 70.43 40 77.91 40c5.33 0 7.1 1.86 8.13 3.67c3 5.33 6.52 24.19-21.66 86.39c-8.26-11.28-11.07-37.06-5.64-60.85"/></g></svg> </template>
CSS
.icon-signature-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M67.41%20142.56C35.71%20129.52%2045.41%2032.07%2078%2032c33.82.05%2014%2058.26-10.59%20110.56%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M232%20168H63.86c2.66-5.24%205.33-10.63%208-16.11c14.94%201.65%2032.58-8.78%2052.66-31.14c5%2013.46%2014.45%2030.93%2030.58%2031.25c9.09.18%2018.11-5.2%2027.42-16.37C189.31%20143.75%20203.3%20152%20232%20152a8%208%200%200%200%200-16c-30.43%200-39.43-10.45-40-16.11a7.67%207.67%200%200%200-5.46-7.75a8.14%208.14%200%200%200-9.25%203.49C165.23%20134.17%20158%20136.06%20155.38%20136c-8.26-.16-16.66-19.52-19.54-33.42a8%208%200%200%200-14.09-3.37c-20.21%2025.34-33.75%2033.87-42.18%2036.08c8.49-18.87%2014.83-35.44%2018.89-49.39c6.82-23.44%207.32-39.83%201.51-50.1c-3-5.38-9.34-11.8-22.06-11.8c-16.06%200-28.73%2015.18-34.77%2041.65c-3.59%2015.71-4.18%2033.21-1.62%2048s7.87%2025.55%2015.59%2031.94c-3.73%207.72-7.53%2015.26-11.23%2022.41H24a8%208%200%200%200%200%2016h13.41c-11.32%2021-20.12%2035.64-20.26%2035.88a8%208%200%201%200%2013.71%208.24c.15-.26%2011.27-18.79%2024.7-44.12H232a8%208%200%200%200%200-16M58.74%2069.21C62.72%2051.74%2070.43%2040%2077.91%2040c5.33%200%207.1%201.86%208.13%203.67c3%205.33%206.52%2024.19-21.66%2086.39c-8.26-11.28-11.07-37.06-5.64-60.85%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M67.41%20142.56C35.71%20129.52%2045.41%2032.07%2078%2032c33.82.05%2014%2058.26-10.59%20110.56%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M232%20168H63.86c2.66-5.24%205.33-10.63%208-16.11c14.94%201.65%2032.58-8.78%2052.66-31.14c5%2013.46%2014.45%2030.93%2030.58%2031.25c9.09.18%2018.11-5.2%2027.42-16.37C189.31%20143.75%20203.3%20152%20232%20152a8%208%200%200%200%200-16c-30.43%200-39.43-10.45-40-16.11a7.67%207.67%200%200%200-5.46-7.75a8.14%208.14%200%200%200-9.25%203.49C165.23%20134.17%20158%20136.06%20155.38%20136c-8.26-.16-16.66-19.52-19.54-33.42a8%208%200%200%200-14.09-3.37c-20.21%2025.34-33.75%2033.87-42.18%2036.08c8.49-18.87%2014.83-35.44%2018.89-49.39c6.82-23.44%207.32-39.83%201.51-50.1c-3-5.38-9.34-11.8-22.06-11.8c-16.06%200-28.73%2015.18-34.77%2041.65c-3.59%2015.71-4.18%2033.21-1.62%2048s7.87%2025.55%2015.59%2031.94c-3.73%207.72-7.53%2015.26-11.23%2022.41H24a8%208%200%200%200%200%2016h13.41c-11.32%2021-20.12%2035.64-20.26%2035.88a8%208%200%201%200%2013.71%208.24c.15-.26%2011.27-18.79%2024.7-44.12H232a8%208%200%200%200%200-16M58.74%2069.21C62.72%2051.74%2070.43%2040%2077.91%2040c5.33%200%207.1%201.86%208.13%203.67c3%205.33%206.52%2024.19-21.66%2086.39c-8.26-11.28-11.07-37.06-5.64-60.85%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/signature-duotone.svg?color=%231a73e8&size=48
