signature icon
signature from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- signature
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
signature-filledAnt Design IconssignatureFont Awesome 6 SolidsignatureFont Awesome Solidsignature-16-filledFluent UI System IconssignatureHuge IconssignatureLine AwesomesignatureLucidesignatureMaterial SymbolssignatureMaterial Symbols LightsignatureMaterial Design Iconssignature-fillMingCute IconsignaturePhosphorsignatureTabler Icons
Use the signature icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M1.188 43.487h12.506c-.246.943-.378 1.867-.378 2.716c0 3.037 1.698 5.206 5.263 5.206c4.338 0 7.846-3.056 10.11-7.922h26.123c.66 0 1.188-.51 1.188-1.17s-.528-1.15-1.188-1.15h-25.18c1.056-3.093 1.697-6.715 1.83-10.638a17 17 0 0 1 3.715-.396c.66 0 1.037.283 1.037.773c0 1.641-.886 2.924-.886 4.565c0 1.433 1.056 2.3 2.433 2.3c3.829 0 8.45-6.544 9.978-6.544c1.395 0-.34 5.885 4.413 5.885c.774 0 1.773-.208 2.547-.698c.452-.32.773-.773.773-1.358c0-.717-.453-1.302-1.207-1.302c-.66 0-1.207.547-1.849.547c-2.037 0-.094-6.262-3.847-6.262c-3.282 0-8.413 6.375-9.714 6.375c-.17 0-.302-.094-.302-.32c0-.68.849-2.207.849-3.735c0-1.886-1.566-3.093-4.018-3.093c-1.339 0-2.66.132-3.923.377c-.415-9.94-5.13-17.767-12.335-17.767c-4.848 0-8.582 4.13-8.582 9.393c0 6.149 3.998 11.41 8.978 14.9c-2.207 2.17-3.923 4.64-4.98 6.998H1.188c-.66 0-1.188.49-1.188 1.15s.528 1.17 1.188 1.17m12.223-24.218c0-3.678 2.49-6.526 5.715-6.526c5.658 0 9.317 7.035 9.487 15.674c-2.603.905-4.98 2.282-7.035 3.923c-3.924-2.716-8.167-7.205-8.167-13.071M.64 37.149c.49.49 1.226.472 1.736 0l2.357-2.357l2.358 2.358c.49.49 1.245.49 1.735 0s.49-1.245 0-1.736L6.47 33.075l2.357-2.357c.49-.49.49-1.226 0-1.717c-.49-.509-1.245-.49-1.735 0l-2.358 2.34L2.377 29c-.51-.509-1.245-.509-1.736 0c-.49.49-.49 1.245 0 1.717L3 33.075l-2.358 2.34c-.49.508-.49 1.244 0 1.735m22.993-.603c.245.113.471.17.697.17c.774 0 1.32-.604 1.32-1.245c0-.472-.226-.924-.773-1.188a34 34 0 0 1-.81-.416a21.5 21.5 0 0 1 4.488-2.451c-.226 3.64-.924 6.997-1.999 9.751H17.58c.98-1.849 2.452-3.791 4.32-5.508c.565.321 1.15.604 1.735.887m-7.375 9.11c0-.66.113-1.396.358-2.17h8.865c-1.698 3.132-3.98 5.056-6.583 5.056c-1.81 0-2.64-1.188-2.64-2.886"/></svg>
React
import type { SVGProps } from "react";
export function F7Signature(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M1.188 43.487h12.506c-.246.943-.378 1.867-.378 2.716c0 3.037 1.698 5.206 5.263 5.206c4.338 0 7.846-3.056 10.11-7.922h26.123c.66 0 1.188-.51 1.188-1.17s-.528-1.15-1.188-1.15h-25.18c1.056-3.093 1.697-6.715 1.83-10.638a17 17 0 0 1 3.715-.396c.66 0 1.037.283 1.037.773c0 1.641-.886 2.924-.886 4.565c0 1.433 1.056 2.3 2.433 2.3c3.829 0 8.45-6.544 9.978-6.544c1.395 0-.34 5.885 4.413 5.885c.774 0 1.773-.208 2.547-.698c.452-.32.773-.773.773-1.358c0-.717-.453-1.302-1.207-1.302c-.66 0-1.207.547-1.849.547c-2.037 0-.094-6.262-3.847-6.262c-3.282 0-8.413 6.375-9.714 6.375c-.17 0-.302-.094-.302-.32c0-.68.849-2.207.849-3.735c0-1.886-1.566-3.093-4.018-3.093c-1.339 0-2.66.132-3.923.377c-.415-9.94-5.13-17.767-12.335-17.767c-4.848 0-8.582 4.13-8.582 9.393c0 6.149 3.998 11.41 8.978 14.9c-2.207 2.17-3.923 4.64-4.98 6.998H1.188c-.66 0-1.188.49-1.188 1.15s.528 1.17 1.188 1.17m12.223-24.218c0-3.678 2.49-6.526 5.715-6.526c5.658 0 9.317 7.035 9.487 15.674c-2.603.905-4.98 2.282-7.035 3.923c-3.924-2.716-8.167-7.205-8.167-13.071M.64 37.149c.49.49 1.226.472 1.736 0l2.357-2.357l2.358 2.358c.49.49 1.245.49 1.735 0s.49-1.245 0-1.736L6.47 33.075l2.357-2.357c.49-.49.49-1.226 0-1.717c-.49-.509-1.245-.49-1.735 0l-2.358 2.34L2.377 29c-.51-.509-1.245-.509-1.736 0c-.49.49-.49 1.245 0 1.717L3 33.075l-2.358 2.34c-.49.508-.49 1.244 0 1.735m22.993-.603c.245.113.471.17.697.17c.774 0 1.32-.604 1.32-1.245c0-.472-.226-.924-.773-1.188a34 34 0 0 1-.81-.416a21.5 21.5 0 0 1 4.488-2.451c-.226 3.64-.924 6.997-1.999 9.751H17.58c.98-1.849 2.452-3.791 4.32-5.508c.565.321 1.15.604 1.735.887m-7.375 9.11c0-.66.113-1.396.358-2.17h8.865c-1.698 3.132-3.98 5.056-6.583 5.056c-1.81 0-2.64-1.188-2.64-2.886"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M1.188 43.487h12.506c-.246.943-.378 1.867-.378 2.716c0 3.037 1.698 5.206 5.263 5.206c4.338 0 7.846-3.056 10.11-7.922h26.123c.66 0 1.188-.51 1.188-1.17s-.528-1.15-1.188-1.15h-25.18c1.056-3.093 1.697-6.715 1.83-10.638a17 17 0 0 1 3.715-.396c.66 0 1.037.283 1.037.773c0 1.641-.886 2.924-.886 4.565c0 1.433 1.056 2.3 2.433 2.3c3.829 0 8.45-6.544 9.978-6.544c1.395 0-.34 5.885 4.413 5.885c.774 0 1.773-.208 2.547-.698c.452-.32.773-.773.773-1.358c0-.717-.453-1.302-1.207-1.302c-.66 0-1.207.547-1.849.547c-2.037 0-.094-6.262-3.847-6.262c-3.282 0-8.413 6.375-9.714 6.375c-.17 0-.302-.094-.302-.32c0-.68.849-2.207.849-3.735c0-1.886-1.566-3.093-4.018-3.093c-1.339 0-2.66.132-3.923.377c-.415-9.94-5.13-17.767-12.335-17.767c-4.848 0-8.582 4.13-8.582 9.393c0 6.149 3.998 11.41 8.978 14.9c-2.207 2.17-3.923 4.64-4.98 6.998H1.188c-.66 0-1.188.49-1.188 1.15s.528 1.17 1.188 1.17m12.223-24.218c0-3.678 2.49-6.526 5.715-6.526c5.658 0 9.317 7.035 9.487 15.674c-2.603.905-4.98 2.282-7.035 3.923c-3.924-2.716-8.167-7.205-8.167-13.071M.64 37.149c.49.49 1.226.472 1.736 0l2.357-2.357l2.358 2.358c.49.49 1.245.49 1.735 0s.49-1.245 0-1.736L6.47 33.075l2.357-2.357c.49-.49.49-1.226 0-1.717c-.49-.509-1.245-.49-1.735 0l-2.358 2.34L2.377 29c-.51-.509-1.245-.509-1.736 0c-.49.49-.49 1.245 0 1.717L3 33.075l-2.358 2.34c-.49.508-.49 1.244 0 1.735m22.993-.603c.245.113.471.17.697.17c.774 0 1.32-.604 1.32-1.245c0-.472-.226-.924-.773-1.188a34 34 0 0 1-.81-.416a21.5 21.5 0 0 1 4.488-2.451c-.226 3.64-.924 6.997-1.999 9.751H17.58c.98-1.849 2.452-3.791 4.32-5.508c.565.321 1.15.604 1.735.887m-7.375 9.11c0-.66.113-1.396.358-2.17h8.865c-1.698 3.132-3.98 5.056-6.583 5.056c-1.81 0-2.64-1.188-2.64-2.886"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.188%2043.487h12.506c-.246.943-.378%201.867-.378%202.716c0%203.037%201.698%205.206%205.263%205.206c4.338%200%207.846-3.056%2010.11-7.922h26.123c.66%200%201.188-.51%201.188-1.17s-.528-1.15-1.188-1.15h-25.18c1.056-3.093%201.697-6.715%201.83-10.638a17%2017%200%200%201%203.715-.396c.66%200%201.037.283%201.037.773c0%201.641-.886%202.924-.886%204.565c0%201.433%201.056%202.3%202.433%202.3c3.829%200%208.45-6.544%209.978-6.544c1.395%200-.34%205.885%204.413%205.885c.774%200%201.773-.208%202.547-.698c.452-.32.773-.773.773-1.358c0-.717-.453-1.302-1.207-1.302c-.66%200-1.207.547-1.849.547c-2.037%200-.094-6.262-3.847-6.262c-3.282%200-8.413%206.375-9.714%206.375c-.17%200-.302-.094-.302-.32c0-.68.849-2.207.849-3.735c0-1.886-1.566-3.093-4.018-3.093c-1.339%200-2.66.132-3.923.377c-.415-9.94-5.13-17.767-12.335-17.767c-4.848%200-8.582%204.13-8.582%209.393c0%206.149%203.998%2011.41%208.978%2014.9c-2.207%202.17-3.923%204.64-4.98%206.998H1.188c-.66%200-1.188.49-1.188%201.15s.528%201.17%201.188%201.17m12.223-24.218c0-3.678%202.49-6.526%205.715-6.526c5.658%200%209.317%207.035%209.487%2015.674c-2.603.905-4.98%202.282-7.035%203.923c-3.924-2.716-8.167-7.205-8.167-13.071M.64%2037.149c.49.49%201.226.472%201.736%200l2.357-2.357l2.358%202.358c.49.49%201.245.49%201.735%200s.49-1.245%200-1.736L6.47%2033.075l2.357-2.357c.49-.49.49-1.226%200-1.717c-.49-.509-1.245-.49-1.735%200l-2.358%202.34L2.377%2029c-.51-.509-1.245-.509-1.736%200c-.49.49-.49%201.245%200%201.717L3%2033.075l-2.358%202.34c-.49.508-.49%201.244%200%201.735m22.993-.603c.245.113.471.17.697.17c.774%200%201.32-.604%201.32-1.245c0-.472-.226-.924-.773-1.188a34%2034%200%200%201-.81-.416a21.5%2021.5%200%200%201%204.488-2.451c-.226%203.64-.924%206.997-1.999%209.751H17.58c.98-1.849%202.452-3.791%204.32-5.508c.565.321%201.15.604%201.735.887m-7.375%209.11c0-.66.113-1.396.358-2.17h8.865c-1.698%203.132-3.98%205.056-6.583%205.056c-1.81%200-2.64-1.188-2.64-2.886%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.188%2043.487h12.506c-.246.943-.378%201.867-.378%202.716c0%203.037%201.698%205.206%205.263%205.206c4.338%200%207.846-3.056%2010.11-7.922h26.123c.66%200%201.188-.51%201.188-1.17s-.528-1.15-1.188-1.15h-25.18c1.056-3.093%201.697-6.715%201.83-10.638a17%2017%200%200%201%203.715-.396c.66%200%201.037.283%201.037.773c0%201.641-.886%202.924-.886%204.565c0%201.433%201.056%202.3%202.433%202.3c3.829%200%208.45-6.544%209.978-6.544c1.395%200-.34%205.885%204.413%205.885c.774%200%201.773-.208%202.547-.698c.452-.32.773-.773.773-1.358c0-.717-.453-1.302-1.207-1.302c-.66%200-1.207.547-1.849.547c-2.037%200-.094-6.262-3.847-6.262c-3.282%200-8.413%206.375-9.714%206.375c-.17%200-.302-.094-.302-.32c0-.68.849-2.207.849-3.735c0-1.886-1.566-3.093-4.018-3.093c-1.339%200-2.66.132-3.923.377c-.415-9.94-5.13-17.767-12.335-17.767c-4.848%200-8.582%204.13-8.582%209.393c0%206.149%203.998%2011.41%208.978%2014.9c-2.207%202.17-3.923%204.64-4.98%206.998H1.188c-.66%200-1.188.49-1.188%201.15s.528%201.17%201.188%201.17m12.223-24.218c0-3.678%202.49-6.526%205.715-6.526c5.658%200%209.317%207.035%209.487%2015.674c-2.603.905-4.98%202.282-7.035%203.923c-3.924-2.716-8.167-7.205-8.167-13.071M.64%2037.149c.49.49%201.226.472%201.736%200l2.357-2.357l2.358%202.358c.49.49%201.245.49%201.735%200s.49-1.245%200-1.736L6.47%2033.075l2.357-2.357c.49-.49.49-1.226%200-1.717c-.49-.509-1.245-.49-1.735%200l-2.358%202.34L2.377%2029c-.51-.509-1.245-.509-1.736%200c-.49.49-.49%201.245%200%201.717L3%2033.075l-2.358%202.34c-.49.508-.49%201.244%200%201.735m22.993-.603c.245.113.471.17.697.17c.774%200%201.32-.604%201.32-1.245c0-.472-.226-.924-.773-1.188a34%2034%200%200%201-.81-.416a21.5%2021.5%200%200%201%204.488-2.451c-.226%203.64-.924%206.997-1.999%209.751H17.58c.98-1.849%202.452-3.791%204.32-5.508c.565.321%201.15.604%201.735.887m-7.375%209.11c0-.66.113-1.396.358-2.17h8.865c-1.698%203.132-3.98%205.056-6.583%205.056c-1.81%200-2.64-1.188-2.64-2.886%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/signature.svg?color=%231a73e8&size=48
