signature icon

signature-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
signature-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

The same icon in other sets

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 164H70.38c2.2-4.42 4.41-8.94 6.59-13.52l.79-1.66c13.52-1.65 28.69-11.3 45.38-28.87c5.31 12 14 24.73 27.59 27.29c5.26 1 13.51.79 22.93-5.82a58 58 0 0 0 9-7.91C190.9 141.2 205.68 148 232 148a12 12 0 0 0 0-24c-31 0-35.42-10.49-36-12.38c.49-5.37-2.75-9.76-7.88-11.63s-11.17.78-14.22 5.46c-10 15.32-16.62 18.62-18.75 18.21c-4.88-.91-12.39-15.54-15.44-30.09a12 12 0 0 0-21.13-5c-10.3 12.92-19.16 21.79-26.47 27.56c21.19-52.94 17-72.22 11.37-82.25C98.48 24.91 89.41 20 78 20c-18.08 0-32.64 16.55-39 44.26c-3.45 15.1-4 31.81-1.46 45.85c2.65 14.71 8.36 25.7 16.68 32.23c-3.53 7.44-7.22 14.72-10.75 21.66H24a12 12 0 0 0 0 24h6.7c-9.7 17.67-16.85 29.6-17 29.81a12 12 0 1 0 20.56 12.38C34.91 229.15 45.23 212 58 188h174a12 12 0 0 0 0-24M62.43 69.6C65.77 55 72.45 44 78 44c3.71 0 4.29 1 4.64 1.64c1.43 2.53 6.55 17.07-17.44 72.78a44.6 44.6 0 0 1-4-12.56c-1.97-10.97-1.52-24.19 1.23-36.26"/></svg>

React

import type { SVGProps } from "react";

export function PhSignatureBold(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 164H70.38c2.2-4.42 4.41-8.94 6.59-13.52l.79-1.66c13.52-1.65 28.69-11.3 45.38-28.87c5.31 12 14 24.73 27.59 27.29c5.26 1 13.51.79 22.93-5.82a58 58 0 0 0 9-7.91C190.9 141.2 205.68 148 232 148a12 12 0 0 0 0-24c-31 0-35.42-10.49-36-12.38c.49-5.37-2.75-9.76-7.88-11.63s-11.17.78-14.22 5.46c-10 15.32-16.62 18.62-18.75 18.21c-4.88-.91-12.39-15.54-15.44-30.09a12 12 0 0 0-21.13-5c-10.3 12.92-19.16 21.79-26.47 27.56c21.19-52.94 17-72.22 11.37-82.25C98.48 24.91 89.41 20 78 20c-18.08 0-32.64 16.55-39 44.26c-3.45 15.1-4 31.81-1.46 45.85c2.65 14.71 8.36 25.7 16.68 32.23c-3.53 7.44-7.22 14.72-10.75 21.66H24a12 12 0 0 0 0 24h6.7c-9.7 17.67-16.85 29.6-17 29.81a12 12 0 1 0 20.56 12.38C34.91 229.15 45.23 212 58 188h174a12 12 0 0 0 0-24M62.43 69.6C65.77 55 72.45 44 78 44c3.71 0 4.29 1 4.64 1.64c1.43 2.53 6.55 17.07-17.44 72.78a44.6 44.6 0 0 1-4-12.56c-1.97-10.97-1.52-24.19 1.23-36.26"/></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 164H70.38c2.2-4.42 4.41-8.94 6.59-13.52l.79-1.66c13.52-1.65 28.69-11.3 45.38-28.87c5.31 12 14 24.73 27.59 27.29c5.26 1 13.51.79 22.93-5.82a58 58 0 0 0 9-7.91C190.9 141.2 205.68 148 232 148a12 12 0 0 0 0-24c-31 0-35.42-10.49-36-12.38c.49-5.37-2.75-9.76-7.88-11.63s-11.17.78-14.22 5.46c-10 15.32-16.62 18.62-18.75 18.21c-4.88-.91-12.39-15.54-15.44-30.09a12 12 0 0 0-21.13-5c-10.3 12.92-19.16 21.79-26.47 27.56c21.19-52.94 17-72.22 11.37-82.25C98.48 24.91 89.41 20 78 20c-18.08 0-32.64 16.55-39 44.26c-3.45 15.1-4 31.81-1.46 45.85c2.65 14.71 8.36 25.7 16.68 32.23c-3.53 7.44-7.22 14.72-10.75 21.66H24a12 12 0 0 0 0 24h6.7c-9.7 17.67-16.85 29.6-17 29.81a12 12 0 1 0 20.56 12.38C34.91 229.15 45.23 212 58 188h174a12 12 0 0 0 0-24M62.43 69.6C65.77 55 72.45 44 78 44c3.71 0 4.29 1 4.64 1.64c1.43 2.53 6.55 17.07-17.44 72.78a44.6 44.6 0 0 1-4-12.56c-1.97-10.97-1.52-24.19 1.23-36.26"/></svg>
</template>

CSS

.icon-signature-bold {
  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%20164H70.38c2.2-4.42%204.41-8.94%206.59-13.52l.79-1.66c13.52-1.65%2028.69-11.3%2045.38-28.87c5.31%2012%2014%2024.73%2027.59%2027.29c5.26%201%2013.51.79%2022.93-5.82a58%2058%200%200%200%209-7.91C190.9%20141.2%20205.68%20148%20232%20148a12%2012%200%200%200%200-24c-31%200-35.42-10.49-36-12.38c.49-5.37-2.75-9.76-7.88-11.63s-11.17.78-14.22%205.46c-10%2015.32-16.62%2018.62-18.75%2018.21c-4.88-.91-12.39-15.54-15.44-30.09a12%2012%200%200%200-21.13-5c-10.3%2012.92-19.16%2021.79-26.47%2027.56c21.19-52.94%2017-72.22%2011.37-82.25C98.48%2024.91%2089.41%2020%2078%2020c-18.08%200-32.64%2016.55-39%2044.26c-3.45%2015.1-4%2031.81-1.46%2045.85c2.65%2014.71%208.36%2025.7%2016.68%2032.23c-3.53%207.44-7.22%2014.72-10.75%2021.66H24a12%2012%200%200%200%200%2024h6.7c-9.7%2017.67-16.85%2029.6-17%2029.81a12%2012%200%201%200%2020.56%2012.38C34.91%20229.15%2045.23%20212%2058%20188h174a12%2012%200%200%200%200-24M62.43%2069.6C65.77%2055%2072.45%2044%2078%2044c3.71%200%204.29%201%204.64%201.64c1.43%202.53%206.55%2017.07-17.44%2072.78a44.6%2044.6%200%200%201-4-12.56c-1.97-10.97-1.52-24.19%201.23-36.26%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%20164H70.38c2.2-4.42%204.41-8.94%206.59-13.52l.79-1.66c13.52-1.65%2028.69-11.3%2045.38-28.87c5.31%2012%2014%2024.73%2027.59%2027.29c5.26%201%2013.51.79%2022.93-5.82a58%2058%200%200%200%209-7.91C190.9%20141.2%20205.68%20148%20232%20148a12%2012%200%200%200%200-24c-31%200-35.42-10.49-36-12.38c.49-5.37-2.75-9.76-7.88-11.63s-11.17.78-14.22%205.46c-10%2015.32-16.62%2018.62-18.75%2018.21c-4.88-.91-12.39-15.54-15.44-30.09a12%2012%200%200%200-21.13-5c-10.3%2012.92-19.16%2021.79-26.47%2027.56c21.19-52.94%2017-72.22%2011.37-82.25C98.48%2024.91%2089.41%2020%2078%2020c-18.08%200-32.64%2016.55-39%2044.26c-3.45%2015.1-4%2031.81-1.46%2045.85c2.65%2014.71%208.36%2025.7%2016.68%2032.23c-3.53%207.44-7.22%2014.72-10.75%2021.66H24a12%2012%200%200%200%200%2024h6.7c-9.7%2017.67-16.85%2029.6-17%2029.81a12%2012%200%201%200%2020.56%2012.38C34.91%20229.15%2045.23%20212%2058%20188h174a12%2012%200%200%200%200-24M62.43%2069.6C65.77%2055%2072.45%2044%2078%2044c3.71%200%204.29%201%204.64%201.64c1.43%202.53%206.55%2017.07-17.44%2072.78a44.6%2044.6%200%200%201-4-12.56c-1.97-10.97-1.52-24.19%201.23-36.26%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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