hand right icon
hand-right-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- hand-right-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the hand right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 1 1-1 0v-3a.5.5 0 0 0-1 0v4a.5.5 0 0 1-1 0v-2a.5.5 0 0 0-1-.001V9.5c0 .569.253 1.291.634 2.038c.374.732.84 1.428 1.201 1.926c.246.339.653.536 1.101.536h1.83c.729 0 1.407-.56 1.745-1.36c.584-1.38 1.512-2.515 2.28-3.298c.387-.394.738-.703.993-.915l.013-.011a1.3 1.3 0 0 0-.3-.238a.7.7 0 0 0-.46-.086c-.34.049-.74.319-1.184.762A.5.5 0 0 1 10 8.5v-5a.5.5 0 0 0-1-.007V6.5a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5M4 4.085V3.5a1.5 1.5 0 0 1 2.053-1.395a1.5 1.5 0 0 1 2.894 0A1.5 1.5 0 0 1 11 3.5v3.948c.277-.171.576-.3.894-.346a1.7 1.7 0 0 1 1.084.2c.348.19.658.5.938.92a.5.5 0 0 1-.125.685l-.004.003l-.018.012l-.071.055a12 12 0 0 0-1.192 1.066c-.721.734-1.557 1.766-2.074 2.987C9.995 14.064 9.027 15 7.766 15h-1.83c-.739 0-1.46-.327-1.91-.95a16 16 0 0 1-1.283-2.058C2.343 11.21 2 10.312 2 9.5V5.499a1.5 1.5 0 0 1 2-1.414M4 7.5v.006Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentHandRight16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 1 1-1 0v-3a.5.5 0 0 0-1 0v4a.5.5 0 0 1-1 0v-2a.5.5 0 0 0-1-.001V9.5c0 .569.253 1.291.634 2.038c.374.732.84 1.428 1.201 1.926c.246.339.653.536 1.101.536h1.83c.729 0 1.407-.56 1.745-1.36c.584-1.38 1.512-2.515 2.28-3.298c.387-.394.738-.703.993-.915l.013-.011a1.3 1.3 0 0 0-.3-.238a.7.7 0 0 0-.46-.086c-.34.049-.74.319-1.184.762A.5.5 0 0 1 10 8.5v-5a.5.5 0 0 0-1-.007V6.5a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5M4 4.085V3.5a1.5 1.5 0 0 1 2.053-1.395a1.5 1.5 0 0 1 2.894 0A1.5 1.5 0 0 1 11 3.5v3.948c.277-.171.576-.3.894-.346a1.7 1.7 0 0 1 1.084.2c.348.19.658.5.938.92a.5.5 0 0 1-.125.685l-.004.003l-.018.012l-.071.055a12 12 0 0 0-1.192 1.066c-.721.734-1.557 1.766-2.074 2.987C9.995 14.064 9.027 15 7.766 15h-1.83c-.739 0-1.46-.327-1.91-.95a16 16 0 0 1-1.283-2.058C2.343 11.21 2 10.312 2 9.5V5.499a1.5 1.5 0 0 1 2-1.414M4 7.5v.006Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 1 1-1 0v-3a.5.5 0 0 0-1 0v4a.5.5 0 0 1-1 0v-2a.5.5 0 0 0-1-.001V9.5c0 .569.253 1.291.634 2.038c.374.732.84 1.428 1.201 1.926c.246.339.653.536 1.101.536h1.83c.729 0 1.407-.56 1.745-1.36c.584-1.38 1.512-2.515 2.28-3.298c.387-.394.738-.703.993-.915l.013-.011a1.3 1.3 0 0 0-.3-.238a.7.7 0 0 0-.46-.086c-.34.049-.74.319-1.184.762A.5.5 0 0 1 10 8.5v-5a.5.5 0 0 0-1-.007V6.5a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5M4 4.085V3.5a1.5 1.5 0 0 1 2.053-1.395a1.5 1.5 0 0 1 2.894 0A1.5 1.5 0 0 1 11 3.5v3.948c.277-.171.576-.3.894-.346a1.7 1.7 0 0 1 1.084.2c.348.19.658.5.938.92a.5.5 0 0 1-.125.685l-.004.003l-.018.012l-.071.055a12 12 0 0 0-1.192 1.066c-.721.734-1.557 1.766-2.074 2.987C9.995 14.064 9.027 15 7.766 15h-1.83c-.739 0-1.46-.327-1.91-.95a16 16 0 0 1-1.283-2.058C2.343 11.21 2 10.312 2 9.5V5.499a1.5 1.5 0 0 1 2-1.414M4 7.5v.006Z"/></svg> </template>
CSS
.icon-hand-right-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%202a.5.5%200%200%200-.5.5v4a.5.5%200%201%201-1%200v-3a.5.5%200%200%200-1%200v4a.5.5%200%200%201-1%200v-2a.5.5%200%200%200-1-.001V9.5c0%20.569.253%201.291.634%202.038c.374.732.84%201.428%201.201%201.926c.246.339.653.536%201.101.536h1.83c.729%200%201.407-.56%201.745-1.36c.584-1.38%201.512-2.515%202.28-3.298c.387-.394.738-.703.993-.915l.013-.011a1.3%201.3%200%200%200-.3-.238a.7.7%200%200%200-.46-.086c-.34.049-.74.319-1.184.762A.5.5%200%200%201%2010%208.5v-5a.5.5%200%200%200-1-.007V6.5a.5.5%200%200%201-1%200v-4a.5.5%200%200%200-.5-.5M4%204.085V3.5a1.5%201.5%200%200%201%202.053-1.395a1.5%201.5%200%200%201%202.894%200A1.5%201.5%200%200%201%2011%203.5v3.948c.277-.171.576-.3.894-.346a1.7%201.7%200%200%201%201.084.2c.348.19.658.5.938.92a.5.5%200%200%201-.125.685l-.004.003l-.018.012l-.071.055a12%2012%200%200%200-1.192%201.066c-.721.734-1.557%201.766-2.074%202.987C9.995%2014.064%209.027%2015%207.766%2015h-1.83c-.739%200-1.46-.327-1.91-.95a16%2016%200%200%201-1.283-2.058C2.343%2011.21%202%2010.312%202%209.5V5.499a1.5%201.5%200%200%201%202-1.414M4%207.5v.006Z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%202a.5.5%200%200%200-.5.5v4a.5.5%200%201%201-1%200v-3a.5.5%200%200%200-1%200v4a.5.5%200%200%201-1%200v-2a.5.5%200%200%200-1-.001V9.5c0%20.569.253%201.291.634%202.038c.374.732.84%201.428%201.201%201.926c.246.339.653.536%201.101.536h1.83c.729%200%201.407-.56%201.745-1.36c.584-1.38%201.512-2.515%202.28-3.298c.387-.394.738-.703.993-.915l.013-.011a1.3%201.3%200%200%200-.3-.238a.7.7%200%200%200-.46-.086c-.34.049-.74.319-1.184.762A.5.5%200%200%201%2010%208.5v-5a.5.5%200%200%200-1-.007V6.5a.5.5%200%200%201-1%200v-4a.5.5%200%200%200-.5-.5M4%204.085V3.5a1.5%201.5%200%200%201%202.053-1.395a1.5%201.5%200%200%201%202.894%200A1.5%201.5%200%200%201%2011%203.5v3.948c.277-.171.576-.3.894-.346a1.7%201.7%200%200%201%201.084.2c.348.19.658.5.938.92a.5.5%200%200%201-.125.685l-.004.003l-.018.012l-.071.055a12%2012%200%200%200-1.192%201.066c-.721.734-1.557%201.766-2.074%202.987C9.995%2014.064%209.027%2015%207.766%2015h-1.83c-.739%200-1.46-.327-1.91-.95a16%2016%200%200%201-1.283-2.058C2.343%2011.21%202%2010.312%202%209.5V5.499a1.5%201.5%200%200%201%202-1.414M4%207.5v.006Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/hand-right-16-regular.svg?color=%231a73e8&size=48
