signature icon

signature from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.

Name: signature
Set: Line Awesome
Style: Line
Category: Other
Viewbox: 32×32
License: Apache 2.0
Aliases: signature-solid

The same icon in other sets

signature-filledAnt Design Icons signatureFramework7 Icons signatureFont Awesome 6 Solid signatureFont Awesome Solid signature-16-filledFluent UI System Icons signatureHuge Icons signatureLucide signatureMaterial Symbols signatureMaterial Symbols Light signatureMaterial Design Icons signature-fillMingCute Icon signaturePhosphor signatureTabler Icons

More other icons from Line Awesome

500px accusoft adn adobe adversal affiliatetheme airbnb algolia amazon amilia android angellist angrycreative angular app-store app-store-ios apper apple artstation asymmetrik atlassian audible autoprefixer avianex

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="M9.313 4c-.754 0-1.407.367-2 .875c-.594.508-1.141 1.191-1.625 2.063C4.718 8.684 4 11.133 4 14.188c0 1.566.363 3.18 1.094 4.468c.16.282.422.469.625.719c-.543.664-1.438 1.906-1.438 1.906L5.72 22.72s.992-1.367 1.625-2.125c.402.172.781.406 1.25.406c1.715 0 3.504-.75 5.156-1.688c.531.407 1.129.688 1.75.688c2.055 0 3.617-1.207 4.719-2.281c.32-.313.535-.543.781-.813c-.004.274-.012.524.063.844c.058.242.125.543.375.813s.699.437 1.062.437c.73 0 1.152-.336 1.594-.656c.441-.32.86-.703 1.312-1.063C26.316 16.563 27.286 16 28 16v-2c-1.586 0-2.824.938-3.813 1.719c-.468.37-.89.695-1.218.937v-.125c.011-.363.066-.77 0-1.218a1.6 1.6 0 0 0-.313-.75c-.207-.293-.672-.563-1.062-.563c-.563 0-.77.242-.969.406c-.2.164-.348.332-.531.531c-.367.399-.805.88-1.282 1.344c-.84.82-1.828 1.442-2.906 1.594c.715-.574 1.434-1.145 1.938-1.781c.664-.836 1.156-1.688 1.156-2.688c0-.562-.07-1.332-.5-2.062S17.145 10 16 10c-1.23 0-2.352.605-3.031 1.563c-.68.957-.969 2.183-.969 3.624c0 .981.223 1.793.531 2.5C11.141 18.419 9.7 19 8.594 19C10.285 16.465 12 13.012 12 8.812c0-.87.008-1.898-.281-2.843c-.145-.473-.375-.953-.781-1.344C10.53 4.235 9.93 4 9.312 4zm0 2c.18 0 .187.035.25.094c.062.058.136.203.218.468c.16.528.219 1.418.219 2.25c0 3.543-1.516 6.645-3.031 8.97c-.035-.06-.09-.063-.125-.126c-.52-.91-.844-2.234-.844-3.468c0-2.747.656-4.876 1.438-6.282c.39-.703.792-1.218 1.156-1.531S9.266 6 9.313 6M16 12c.555 0 .637.133.781.375s.219.691.219 1.031c0 .25-.21.832-.719 1.469c-.441.555-1.113 1.129-1.843 1.688c-.176-.403-.438-.696-.438-1.375c0-1.16.246-2.008.594-2.5c.347-.493.738-.688 1.406-.688M4 26v2h24v-2z"/></svg>

React

import type { SVGProps } from "react";

export function LaSignature(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="M9.313 4c-.754 0-1.407.367-2 .875c-.594.508-1.141 1.191-1.625 2.063C4.718 8.684 4 11.133 4 14.188c0 1.566.363 3.18 1.094 4.468c.16.282.422.469.625.719c-.543.664-1.438 1.906-1.438 1.906L5.72 22.72s.992-1.367 1.625-2.125c.402.172.781.406 1.25.406c1.715 0 3.504-.75 5.156-1.688c.531.407 1.129.688 1.75.688c2.055 0 3.617-1.207 4.719-2.281c.32-.313.535-.543.781-.813c-.004.274-.012.524.063.844c.058.242.125.543.375.813s.699.437 1.062.437c.73 0 1.152-.336 1.594-.656c.441-.32.86-.703 1.312-1.063C26.316 16.563 27.286 16 28 16v-2c-1.586 0-2.824.938-3.813 1.719c-.468.37-.89.695-1.218.937v-.125c.011-.363.066-.77 0-1.218a1.6 1.6 0 0 0-.313-.75c-.207-.293-.672-.563-1.062-.563c-.563 0-.77.242-.969.406c-.2.164-.348.332-.531.531c-.367.399-.805.88-1.282 1.344c-.84.82-1.828 1.442-2.906 1.594c.715-.574 1.434-1.145 1.938-1.781c.664-.836 1.156-1.688 1.156-2.688c0-.562-.07-1.332-.5-2.062S17.145 10 16 10c-1.23 0-2.352.605-3.031 1.563c-.68.957-.969 2.183-.969 3.624c0 .981.223 1.793.531 2.5C11.141 18.419 9.7 19 8.594 19C10.285 16.465 12 13.012 12 8.812c0-.87.008-1.898-.281-2.843c-.145-.473-.375-.953-.781-1.344C10.53 4.235 9.93 4 9.312 4zm0 2c.18 0 .187.035.25.094c.062.058.136.203.218.468c.16.528.219 1.418.219 2.25c0 3.543-1.516 6.645-3.031 8.97c-.035-.06-.09-.063-.125-.126c-.52-.91-.844-2.234-.844-3.468c0-2.747.656-4.876 1.438-6.282c.39-.703.792-1.218 1.156-1.531S9.266 6 9.313 6M16 12c.555 0 .637.133.781.375s.219.691.219 1.031c0 .25-.21.832-.719 1.469c-.441.555-1.113 1.129-1.843 1.688c-.176-.403-.438-.696-.438-1.375c0-1.16.246-2.008.594-2.5c.347-.493.738-.688 1.406-.688M4 26v2h24v-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.313 4c-.754 0-1.407.367-2 .875c-.594.508-1.141 1.191-1.625 2.063C4.718 8.684 4 11.133 4 14.188c0 1.566.363 3.18 1.094 4.468c.16.282.422.469.625.719c-.543.664-1.438 1.906-1.438 1.906L5.72 22.72s.992-1.367 1.625-2.125c.402.172.781.406 1.25.406c1.715 0 3.504-.75 5.156-1.688c.531.407 1.129.688 1.75.688c2.055 0 3.617-1.207 4.719-2.281c.32-.313.535-.543.781-.813c-.004.274-.012.524.063.844c.058.242.125.543.375.813s.699.437 1.062.437c.73 0 1.152-.336 1.594-.656c.441-.32.86-.703 1.312-1.063C26.316 16.563 27.286 16 28 16v-2c-1.586 0-2.824.938-3.813 1.719c-.468.37-.89.695-1.218.937v-.125c.011-.363.066-.77 0-1.218a1.6 1.6 0 0 0-.313-.75c-.207-.293-.672-.563-1.062-.563c-.563 0-.77.242-.969.406c-.2.164-.348.332-.531.531c-.367.399-.805.88-1.282 1.344c-.84.82-1.828 1.442-2.906 1.594c.715-.574 1.434-1.145 1.938-1.781c.664-.836 1.156-1.688 1.156-2.688c0-.562-.07-1.332-.5-2.062S17.145 10 16 10c-1.23 0-2.352.605-3.031 1.563c-.68.957-.969 2.183-.969 3.624c0 .981.223 1.793.531 2.5C11.141 18.419 9.7 19 8.594 19C10.285 16.465 12 13.012 12 8.812c0-.87.008-1.898-.281-2.843c-.145-.473-.375-.953-.781-1.344C10.53 4.235 9.93 4 9.312 4zm0 2c.18 0 .187.035.25.094c.062.058.136.203.218.468c.16.528.219 1.418.219 2.25c0 3.543-1.516 6.645-3.031 8.97c-.035-.06-.09-.063-.125-.126c-.52-.91-.844-2.234-.844-3.468c0-2.747.656-4.876 1.438-6.282c.39-.703.792-1.218 1.156-1.531S9.266 6 9.313 6M16 12c.555 0 .637.133.781.375s.219.691.219 1.031c0 .25-.21.832-.719 1.469c-.441.555-1.113 1.129-1.843 1.688c-.176-.403-.438-.696-.438-1.375c0-1.16.246-2.008.594-2.5c.347-.493.738-.688 1.406-.688M4 26v2h24v-2z"/></svg>
</template>

CSS

.icon-signature {
  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%22M9.313%204c-.754%200-1.407.367-2%20.875c-.594.508-1.141%201.191-1.625%202.063C4.718%208.684%204%2011.133%204%2014.188c0%201.566.363%203.18%201.094%204.468c.16.282.422.469.625.719c-.543.664-1.438%201.906-1.438%201.906L5.72%2022.72s.992-1.367%201.625-2.125c.402.172.781.406%201.25.406c1.715%200%203.504-.75%205.156-1.688c.531.407%201.129.688%201.75.688c2.055%200%203.617-1.207%204.719-2.281c.32-.313.535-.543.781-.813c-.004.274-.012.524.063.844c.058.242.125.543.375.813s.699.437%201.062.437c.73%200%201.152-.336%201.594-.656c.441-.32.86-.703%201.312-1.063C26.316%2016.563%2027.286%2016%2028%2016v-2c-1.586%200-2.824.938-3.813%201.719c-.468.37-.89.695-1.218.937v-.125c.011-.363.066-.77%200-1.218a1.6%201.6%200%200%200-.313-.75c-.207-.293-.672-.563-1.062-.563c-.563%200-.77.242-.969.406c-.2.164-.348.332-.531.531c-.367.399-.805.88-1.282%201.344c-.84.82-1.828%201.442-2.906%201.594c.715-.574%201.434-1.145%201.938-1.781c.664-.836%201.156-1.688%201.156-2.688c0-.562-.07-1.332-.5-2.062S17.145%2010%2016%2010c-1.23%200-2.352.605-3.031%201.563c-.68.957-.969%202.183-.969%203.624c0%20.981.223%201.793.531%202.5C11.141%2018.419%209.7%2019%208.594%2019C10.285%2016.465%2012%2013.012%2012%208.812c0-.87.008-1.898-.281-2.843c-.145-.473-.375-.953-.781-1.344C10.53%204.235%209.93%204%209.312%204zm0%202c.18%200%20.187.035.25.094c.062.058.136.203.218.468c.16.528.219%201.418.219%202.25c0%203.543-1.516%206.645-3.031%208.97c-.035-.06-.09-.063-.125-.126c-.52-.91-.844-2.234-.844-3.468c0-2.747.656-4.876%201.438-6.282c.39-.703.792-1.218%201.156-1.531S9.266%206%209.313%206M16%2012c.555%200%20.637.133.781.375s.219.691.219%201.031c0%20.25-.21.832-.719%201.469c-.441.555-1.113%201.129-1.843%201.688c-.176-.403-.438-.696-.438-1.375c0-1.16.246-2.008.594-2.5c.347-.493.738-.688%201.406-.688M4%2026v2h24v-2z%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%22M9.313%204c-.754%200-1.407.367-2%20.875c-.594.508-1.141%201.191-1.625%202.063C4.718%208.684%204%2011.133%204%2014.188c0%201.566.363%203.18%201.094%204.468c.16.282.422.469.625.719c-.543.664-1.438%201.906-1.438%201.906L5.72%2022.72s.992-1.367%201.625-2.125c.402.172.781.406%201.25.406c1.715%200%203.504-.75%205.156-1.688c.531.407%201.129.688%201.75.688c2.055%200%203.617-1.207%204.719-2.281c.32-.313.535-.543.781-.813c-.004.274-.012.524.063.844c.058.242.125.543.375.813s.699.437%201.062.437c.73%200%201.152-.336%201.594-.656c.441-.32.86-.703%201.312-1.063C26.316%2016.563%2027.286%2016%2028%2016v-2c-1.586%200-2.824.938-3.813%201.719c-.468.37-.89.695-1.218.937v-.125c.011-.363.066-.77%200-1.218a1.6%201.6%200%200%200-.313-.75c-.207-.293-.672-.563-1.062-.563c-.563%200-.77.242-.969.406c-.2.164-.348.332-.531.531c-.367.399-.805.88-1.282%201.344c-.84.82-1.828%201.442-2.906%201.594c.715-.574%201.434-1.145%201.938-1.781c.664-.836%201.156-1.688%201.156-2.688c0-.562-.07-1.332-.5-2.062S17.145%2010%2016%2010c-1.23%200-2.352.605-3.031%201.563c-.68.957-.969%202.183-.969%203.624c0%20.981.223%201.793.531%202.5C11.141%2018.419%209.7%2019%208.594%2019C10.285%2016.465%2012%2013.012%2012%208.812c0-.87.008-1.898-.281-2.843c-.145-.473-.375-.953-.781-1.344C10.53%204.235%209.93%204%209.312%204zm0%202c.18%200%20.187.035.25.094c.062.058.136.203.218.468c.16.528.219%201.418.219%202.25c0%203.543-1.516%206.645-3.031%208.97c-.035-.06-.09-.063-.125-.126c-.52-.91-.844-2.234-.844-3.468c0-2.747.656-4.876%201.438-6.282c.39-.703.792-1.218%201.156-1.531S9.266%206%209.313%206M16%2012c.555%200%20.637.133.781.375s.219.691.219%201.031c0%20.25-.21.832-.719%201.469c-.441.555-1.113%201.129-1.843%201.688c-.176-.403-.438-.696-.438-1.375c0-1.16.246-2.008.594-2.5c.347-.493.738-.688%201.406-.688M4%2026v2h24v-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/signature.svg?color=%231a73e8&size=48