Hand Click Icon SVG
Hand Click
Hand click SVG Icon Code | Customize color
You can get svg icon hand click in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hand-click" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" /> <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" /> <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" /> <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /> <path d="M5 3l-1 -1" /> <path d="M4 7h-1" /> <path d="M14 3l1 -1" /> <path d="M15 6h1" /> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hand-click" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="white"></path> <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" fill="white"></path> <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" fill="white"></path> <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" fill="white"></path> <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" fill="white"></path> <path d="M5 3l-1 -1" fill="white"></path> <path d="M4 7h-1" fill="white"></path> <path d="M14 3l1 -1" fill="white"></path> <path d="M15 6h1" fill="white"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hand-click" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="red"></path> <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" fill="red"></path> <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" fill="red"></path> <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" fill="red"></path> <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" fill="red"></path> <path d="M5 3l-1 -1" fill="red"></path> <path d="M4 7h-1" fill="red"></path> <path d="M14 3l1 -1" fill="red"></path> <path d="M15 6h1" fill="red"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hand-click" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="blue"></path> <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" fill="blue"></path> <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" fill="blue"></path> <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" fill="blue"></path> <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" fill="blue"></path> <path d="M5 3l-1 -1" fill="blue"></path> <path d="M4 7h-1" fill="blue"></path> <path d="M14 3l1 -1" fill="blue"></path> <path d="M15 6h1" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hand-click" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="#f3da35"></path> <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" fill="#f3da35"></path> <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" fill="#f3da35"></path> <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" fill="#f3da35"></path> <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" fill="#f3da35"></path> <path d="M5 3l-1 -1" fill="#f3da35"></path> <path d="M4 7h-1" fill="#f3da35"></path> <path d="M14 3l1 -1" fill="#f3da35"></path> <path d="M15 6h1" fill="#f3da35"></path> </svg> Advance Editor
You can edit hand click as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements