backhand index pointing up emoji

backhand-index-pointing-up from Fluent Emoji Flat by Microsoft Corporation · Default · People & Body · MIT Free for personal and commercial use.

Name
backhand-index-pointing-up
Set
Fluent Emoji Flat
Style
Default
Category
People & Body
Viewbox
32×32
License
MIT

The same emoji in other sets

More people & body icons from Fluent Emoji Flat

Use the backhand index pointing up emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffc83d" d="M11.438 24.313c-1.727-4.216-5.704-5.84-6.579-6.745c-.875-.907-.973-2.595 0-3.63c1.258-1.34 2.57-.995 4.094-.094c.516.304 2.219 1.437 2.219 1.437V5.031c0-2.11 1.262-3.041 2.422-3.041s2.562 1.166 2.562 3.041V9s.611-1.313 2.408-1.313s2.311 1.625 2.311 1.625s.383-.851 2.055-.851c1.578 0 2.242 1.648 2.242 1.648s.57-.601 1.976-.601c1.079 0 2.977 1.523 2.977 3.164c0 7.09-.702 17.318-10.095 17.318c-2.49.01-6.866-1.462-8.593-5.677"/><path fill="#d67d00" d="M12.156 5.984c0-2.261.5-3.517.924-3.933c-.99.239-1.908 1.181-1.908 2.98v8.875c.01.58.015 1.095.015 1.492c0 .797.97.86.97 0zm4 3.016l-.008 3.516a.5.5 0 1 0 1 0V8.024c-.718.389-.992.976-.992.976m4.719.313s.21-.468 1-.71v2.928a.5.5 0 0 1-1 0zm4.297.797l-.008-.02v3.41a.5.5 0 1 0 1 0V9.621c-.695.175-.992.488-.992.488"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatBackhandIndexPointingUp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffc83d" d="M11.438 24.313c-1.727-4.216-5.704-5.84-6.579-6.745c-.875-.907-.973-2.595 0-3.63c1.258-1.34 2.57-.995 4.094-.094c.516.304 2.219 1.437 2.219 1.437V5.031c0-2.11 1.262-3.041 2.422-3.041s2.562 1.166 2.562 3.041V9s.611-1.313 2.408-1.313s2.311 1.625 2.311 1.625s.383-.851 2.055-.851c1.578 0 2.242 1.648 2.242 1.648s.57-.601 1.976-.601c1.079 0 2.977 1.523 2.977 3.164c0 7.09-.702 17.318-10.095 17.318c-2.49.01-6.866-1.462-8.593-5.677"/><path fill="#d67d00" d="M12.156 5.984c0-2.261.5-3.517.924-3.933c-.99.239-1.908 1.181-1.908 2.98v8.875c.01.58.015 1.095.015 1.492c0 .797.97.86.97 0zm4 3.016l-.008 3.516a.5.5 0 1 0 1 0V8.024c-.718.389-.992.976-.992.976m4.719.313s.21-.468 1-.71v2.928a.5.5 0 0 1-1 0zm4.297.797l-.008-.02v3.41a.5.5 0 1 0 1 0V9.621c-.695.175-.992.488-.992.488"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffc83d" d="M11.438 24.313c-1.727-4.216-5.704-5.84-6.579-6.745c-.875-.907-.973-2.595 0-3.63c1.258-1.34 2.57-.995 4.094-.094c.516.304 2.219 1.437 2.219 1.437V5.031c0-2.11 1.262-3.041 2.422-3.041s2.562 1.166 2.562 3.041V9s.611-1.313 2.408-1.313s2.311 1.625 2.311 1.625s.383-.851 2.055-.851c1.578 0 2.242 1.648 2.242 1.648s.57-.601 1.976-.601c1.079 0 2.977 1.523 2.977 3.164c0 7.09-.702 17.318-10.095 17.318c-2.49.01-6.866-1.462-8.593-5.677"/><path fill="#d67d00" d="M12.156 5.984c0-2.261.5-3.517.924-3.933c-.99.239-1.908 1.181-1.908 2.98v8.875c.01.58.015 1.095.015 1.492c0 .797.97.86.97 0zm4 3.016l-.008 3.516a.5.5 0 1 0 1 0V8.024c-.718.389-.992.976-.992.976m4.719.313s.21-.468 1-.71v2.928a.5.5 0 0 1-1 0zm4.297.797l-.008-.02v3.41a.5.5 0 1 0 1 0V9.621c-.695.175-.992.488-.992.488"/></g></svg>
</template>

CSS

.icon-backhand-index-pointing-up {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffc83d%22%20d%3D%22M11.438%2024.313c-1.727-4.216-5.704-5.84-6.579-6.745c-.875-.907-.973-2.595%200-3.63c1.258-1.34%202.57-.995%204.094-.094c.516.304%202.219%201.437%202.219%201.437V5.031c0-2.11%201.262-3.041%202.422-3.041s2.562%201.166%202.562%203.041V9s.611-1.313%202.408-1.313s2.311%201.625%202.311%201.625s.383-.851%202.055-.851c1.578%200%202.242%201.648%202.242%201.648s.57-.601%201.976-.601c1.079%200%202.977%201.523%202.977%203.164c0%207.09-.702%2017.318-10.095%2017.318c-2.49.01-6.866-1.462-8.593-5.677%22%2F%3E%3Cpath%20fill%3D%22%23d67d00%22%20d%3D%22M12.156%205.984c0-2.261.5-3.517.924-3.933c-.99.239-1.908%201.181-1.908%202.98v8.875c.01.58.015%201.095.015%201.492c0%20.797.97.86.97%200zm4%203.016l-.008%203.516a.5.5%200%201%200%201%200V8.024c-.718.389-.992.976-.992.976m4.719.313s.21-.468%201-.71v2.928a.5.5%200%200%201-1%200zm4.297.797l-.008-.02v3.41a.5.5%200%201%200%201%200V9.621c-.695.175-.992.488-.992.488%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffc83d%22%20d%3D%22M11.438%2024.313c-1.727-4.216-5.704-5.84-6.579-6.745c-.875-.907-.973-2.595%200-3.63c1.258-1.34%202.57-.995%204.094-.094c.516.304%202.219%201.437%202.219%201.437V5.031c0-2.11%201.262-3.041%202.422-3.041s2.562%201.166%202.562%203.041V9s.611-1.313%202.408-1.313s2.311%201.625%202.311%201.625s.383-.851%202.055-.851c1.578%200%202.242%201.648%202.242%201.648s.57-.601%201.976-.601c1.079%200%202.977%201.523%202.977%203.164c0%207.09-.702%2017.318-10.095%2017.318c-2.49.01-6.866-1.462-8.593-5.677%22%2F%3E%3Cpath%20fill%3D%22%23d67d00%22%20d%3D%22M12.156%205.984c0-2.261.5-3.517.924-3.933c-.99.239-1.908%201.181-1.908%202.98v8.875c.01.58.015%201.095.015%201.492c0%20.797.97.86.97%200zm4%203.016l-.008%203.516a.5.5%200%201%200%201%200V8.024c-.718.389-.992.976-.992.976m4.719.313s.21-.468%201-.71v2.928a.5.5%200%200%201-1%200zm4.297.797l-.008-.02v3.41a.5.5%200%201%200%201%200V9.621c-.695.175-.992.488-.992.488%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/backhand-index-pointing-up.svg?color=%231a73e8&size=48