hand closed icon
hand-closed from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- hand-closed
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
Use the hand closed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.8958 7.2985L9.8958 5.7317C9.8958 4.7753 10.6647 4 11.6131 4C12.5615 4 13.3303 4.7753 13.3303 5.7317L13.3303 7.2985M13.3303 7.4634L13.3303 6.6762C13.3303 5.7199 14.0991 4.9445 15.0475 4.9445C15.9959 4.9445 16.7648 5.7199 16.7648 6.6762L16.7648 8.093M7.0858 11.8712L6.6116 6.8501C6.5285 5.9704 7.1661 5.1883 8.0381 5.1004C8.8978 5.0137 9.6691 5.6342 9.7763 6.4988L9.8958 7.4634M16.7648 7.4633C16.9409 7.0193 17.5343 6.3348 18.6207 6.5925C19.052 6.6948 19.3651 7.0557 19.497 7.4823C20.277 10.005 20.5255 15.0056 17.3892 18.1682C15.1118 20.4648 6.7736 21.9464 4.2758 14.0752C4.0677 13.3405 3.7763 11.6194 4.2758 10.6118C4.9003 9.3524 6.1492 9.6673 6.7736 10.297"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsHandClosed(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9.8958 7.2985L9.8958 5.7317C9.8958 4.7753 10.6647 4 11.6131 4C12.5615 4 13.3303 4.7753 13.3303 5.7317L13.3303 7.2985M13.3303 7.4634L13.3303 6.6762C13.3303 5.7199 14.0991 4.9445 15.0475 4.9445C15.9959 4.9445 16.7648 5.7199 16.7648 6.6762L16.7648 8.093M7.0858 11.8712L6.6116 6.8501C6.5285 5.9704 7.1661 5.1883 8.0381 5.1004C8.8978 5.0137 9.6691 5.6342 9.7763 6.4988L9.8958 7.4634M16.7648 7.4633C16.9409 7.0193 17.5343 6.3348 18.6207 6.5925C19.052 6.6948 19.3651 7.0557 19.497 7.4823C20.277 10.005 20.5255 15.0056 17.3892 18.1682C15.1118 20.4648 6.7736 21.9464 4.2758 14.0752C4.0677 13.3405 3.7763 11.6194 4.2758 10.6118C4.9003 9.3524 6.1492 9.6673 6.7736 10.297"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.8958 7.2985L9.8958 5.7317C9.8958 4.7753 10.6647 4 11.6131 4C12.5615 4 13.3303 4.7753 13.3303 5.7317L13.3303 7.2985M13.3303 7.4634L13.3303 6.6762C13.3303 5.7199 14.0991 4.9445 15.0475 4.9445C15.9959 4.9445 16.7648 5.7199 16.7648 6.6762L16.7648 8.093M7.0858 11.8712L6.6116 6.8501C6.5285 5.9704 7.1661 5.1883 8.0381 5.1004C8.8978 5.0137 9.6691 5.6342 9.7763 6.4988L9.8958 7.4634M16.7648 7.4633C16.9409 7.0193 17.5343 6.3348 18.6207 6.5925C19.052 6.6948 19.3651 7.0557 19.497 7.4823C20.277 10.005 20.5255 15.0056 17.3892 18.1682C15.1118 20.4648 6.7736 21.9464 4.2758 14.0752C4.0677 13.3405 3.7763 11.6194 4.2758 10.6118C4.9003 9.3524 6.1492 9.6673 6.7736 10.297"/></svg> </template>
CSS
.icon-hand-closed {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M9.8958%207.2985L9.8958%205.7317C9.8958%204.7753%2010.6647%204%2011.6131%204C12.5615%204%2013.3303%204.7753%2013.3303%205.7317L13.3303%207.2985M13.3303%207.4634L13.3303%206.6762C13.3303%205.7199%2014.0991%204.9445%2015.0475%204.9445C15.9959%204.9445%2016.7648%205.7199%2016.7648%206.6762L16.7648%208.093M7.0858%2011.8712L6.6116%206.8501C6.5285%205.9704%207.1661%205.1883%208.0381%205.1004C8.8978%205.0137%209.6691%205.6342%209.7763%206.4988L9.8958%207.4634M16.7648%207.4633C16.9409%207.0193%2017.5343%206.3348%2018.6207%206.5925C19.052%206.6948%2019.3651%207.0557%2019.497%207.4823C20.277%2010.005%2020.5255%2015.0056%2017.3892%2018.1682C15.1118%2020.4648%206.7736%2021.9464%204.2758%2014.0752C4.0677%2013.3405%203.7763%2011.6194%204.2758%2010.6118C4.9003%209.3524%206.1492%209.6673%206.7736%2010.297%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M9.8958%207.2985L9.8958%205.7317C9.8958%204.7753%2010.6647%204%2011.6131%204C12.5615%204%2013.3303%204.7753%2013.3303%205.7317L13.3303%207.2985M13.3303%207.4634L13.3303%206.6762C13.3303%205.7199%2014.0991%204.9445%2015.0475%204.9445C15.9959%204.9445%2016.7648%205.7199%2016.7648%206.6762L16.7648%208.093M7.0858%2011.8712L6.6116%206.8501C6.5285%205.9704%207.1661%205.1883%208.0381%205.1004C8.8978%205.0137%209.6691%205.6342%209.7763%206.4988L9.8958%207.4634M16.7648%207.4633C16.9409%207.0193%2017.5343%206.3348%2018.6207%206.5925C19.052%206.6948%2019.3651%207.0557%2019.497%207.4823C20.277%2010.005%2020.5255%2015.0056%2017.3892%2018.1682C15.1118%2020.4648%206.7736%2021.9464%204.2758%2014.0752C4.0677%2013.3405%203.7763%2011.6194%204.2758%2010.6118C4.9003%209.3524%206.1492%209.6673%206.7736%2010.297%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/hand-closed.svg?color=%231a73e8&size=48
