Fluent Icons

Hand Right icon

Used to wait in line to talk in video meetings. Contains directional variants. The Hand Right icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 4 sizes from 16 to 28 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_hand_right_24_regular.svg

Hand Right icon in React

npm install @fluentui/react-icons

import { HandRight24Regular } from "@fluentui/react-icons";

export function Example() {
  return <HandRight24Regular aria-label="Hand Right" />;
}

Hand Right icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/hand_right_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/hand_right_24_regular.svg" width="24" height="24" alt="Hand Right">

Hand Right icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.HandRight())" />

Hand Right icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.hand_right_24_regular)

Hand Right icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xE6E0;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xE6E0;" FontSize="24" />

Hand Right icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_hand_right_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\e6e0";
  font-size: 24px;
}

Hand Right icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_hand_right_24_regular" />

// Kotlin
R.drawable.ic_fluent_hand_right_24_regular

Hand Right icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .handRight24Regular)

Hand Right icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Hand Right icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS. 

npm install @fluentui/react-icons

import { HandRight24Regular, HandRight24Filled } from "@fluentui/react-icons";

export function Example() {
  return <HandRight24Regular aria-label="Hand Right" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_hand_right_24_regular.svg" width="24" height="24" alt="Hand Right">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent: 

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9981 3.99585V10.249C11.9981 10.6632 12.3339 10.999 12.7481 10.999C13.1623 10.999 13.4981 10.6632 13.4981 10.249V5.22247C13.4981 4.98301 13.7023 4.74664 13.9959 4.74493C14.2584 4.74332 14.5 4.9895 14.5 5.24902V12.749C14.5 13.0567 14.6879 13.3332 14.974 13.4464C15.2593 13.5593 15.5846 13.487 15.7952 13.2641L15.7959 13.2633L15.7985 13.2606C15.8026 13.2564 15.8101 13.2489 15.8208 13.2383C15.8422 13.2171 15.8766 13.184 15.9226 13.1425C16.0151 13.059 16.1521 12.9435 16.3241 12.8218C16.6758 12.5728 17.1332 12.3262 17.6268 12.2398C18.1641 12.1456 18.6737 12.2031 19.0124 12.378C19.221 12.4857 19.3843 12.643 19.4577 12.9064L17.7993 14.1531C17.7713 14.1742 17.7448 14.1972 17.7199 14.222L15.5447 16.395C14.6101 17.3286 13.8326 18.4071 13.242 19.5887C12.9628 20.1474 12.3918 20.5004 11.7672 20.5004H9.03943C8.46764 20.5004 7.97061 20.2276 7.7136 19.7873C6.97783 18.527 6 16.4995 6 14.7526V6.99902C6 6.73061 6.21505 6.49896 6.50115 6.49896C6.79011 6.49896 7.00409 6.72967 7.00409 6.99902V10.499C7.00409 10.9132 7.33988 11.249 7.75409 11.249C8.1683 11.249 8.50409 10.9132 8.50409 10.499V5.24902C8.50409 4.97076 8.71851 4.74495 9 4.74495C9.28688 4.74495 9.5 4.97053 9.5 5.24903V10.249C9.5 10.6632 9.83579 10.999 10.25 10.999C10.6642 10.999 11 10.6632 11 10.249V3.99585C11 3.72318 11.2121 3.49632 11.4986 3.49609C11.789 3.49587 11.9981 3.71909 11.9981 3.99585ZM13.9866 3.24496C13.7753 3.24621 13.5744 3.27896 13.3872 3.338ZM13.3872 3.338C13.1247 2.57945 12.4176 1.99538 11.4974 1.99609C10.5817 1.99681 9.87538 2.58206 9.61197 3.33746C9.42187 3.27761 9.21687 3.24495 9 3.24495C7.8915 3.24495 7.10363 4.10059 7.01285 5.06309C6.85127 5.02137 6.6801 4.99896 6.50115 4.99896C5.33182 4.99896 4.5 5.95807 4.5 6.99902V14.7526C4.5 16.9332 5.67139 19.2644 6.4182 20.5436C6.97463 21.4967 7.99781 22.0004 9.03943 22.0004H11.7672C12.9601 22.0004 14.0505 21.3263 14.5838 20.2593C15.1021 19.2222 15.7846 18.2756 16.6048 17.4562L18.7428 15.3205L20.7007 13.8485C20.8891 13.7068 21 13.4848 21 13.249C21 12.1874 20.4687 11.4419 19.7008 11.0453C18.9851 10.6756 18.1185 10.6307 17.3678 10.7623C16.8491 10.8532 16.3849 11.0457 16 11.2571V5.24902C16 4.18865 15.1118 3.2382 13.9866 3.24496" fill="currentColor"/></svg>

Details

NameHand Right
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 28 px
Regular (outlined) fileic_fluent_hand_right_24_regular.svg
Filled fileic_fluent_hand_right_24_filled.svg
React (Regular)HandRight16Regular, HandRight20Regular, HandRight24Regular, HandRight28Regular
React (Filled)HandRight16Filled, HandRight20Filled, HandRight24Filled, HandRight28Filled
LicenseMIT (© Microsoft Corporation)

Keywords

Related icons

Hand Right OffHand LeftHand PointHand DrawAlign Distribute RightAlign RightArrow Bidirectional Left RightArrow Circle Down RightArrow Circle RightArrow Circle Up RightArrow Curve Down RightArrow Curve Up Right