hand okay icon
hand-okay from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- hand-okay
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Design Icons
hand-back-lefthand-back-left-offhand-back-righthand-back-right-offhand-claphand-clap-offhand-coinhand-cyclehand-extendedhand-front-lefthand-front-righthand-hearthand-lefthand-peacehand-peace-varianthand-pointing-downhand-pointing-lefthand-pointing-righthand-pointing-uphand-righthand-sawhand-washhand-waterhand-wave
Use the hand okay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.3 19.26l5.66-5.65l2.12 2.12l-5.66 5.65zm3.2-8.13l-3.1-3.08a1.7 1.7 0 0 0-.4-.29l-1.12-4.29a1.001 1.001 0 0 0-1.94.49L11 8.03L8.67 3.19c-.23-.5-.83-.69-1.33-.48c-.5.24-.71.84-.47 1.34l1.69 3.54l-3.37-3.34c-.39-.39-1.03-.39-1.42 0c-.39.4-.38 1.03.01 1.42l3.72 3.7l-.7.27l-1.08.43l-1.91 1.32s-.81 1.05-.88 1.5c-.08.45.79 2.71.79 2.71h.01c.16.34.5.58.9.58a1 1 0 0 0 1-1c0-.1-.03-.18-.06-.27l.02-.01L5 13.17l1.23-.98c.47.02 1.48.1 1.97.13c2.73 2.45.15 3.41.15 3.41l-3.46 1.06l-.17.14a.94.94 0 0 0-.3.75l.02 1.07l6.43-.5c.38.01.74-.13 1.02-.4l4.61-4.6c.53-.54.55-1.55 0-2.12"/></svg>
React
import type { SVGProps } from "react";
export function MdiHandOkay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.3 19.26l5.66-5.65l2.12 2.12l-5.66 5.65zm3.2-8.13l-3.1-3.08a1.7 1.7 0 0 0-.4-.29l-1.12-4.29a1.001 1.001 0 0 0-1.94.49L11 8.03L8.67 3.19c-.23-.5-.83-.69-1.33-.48c-.5.24-.71.84-.47 1.34l1.69 3.54l-3.37-3.34c-.39-.39-1.03-.39-1.42 0c-.39.4-.38 1.03.01 1.42l3.72 3.7l-.7.27l-1.08.43l-1.91 1.32s-.81 1.05-.88 1.5c-.08.45.79 2.71.79 2.71h.01c.16.34.5.58.9.58a1 1 0 0 0 1-1c0-.1-.03-.18-.06-.27l.02-.01L5 13.17l1.23-.98c.47.02 1.48.1 1.97.13c2.73 2.45.15 3.41.15 3.41l-3.46 1.06l-.17.14a.94.94 0 0 0-.3.75l.02 1.07l6.43-.5c.38.01.74-.13 1.02-.4l4.61-4.6c.53-.54.55-1.55 0-2.12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.3 19.26l5.66-5.65l2.12 2.12l-5.66 5.65zm3.2-8.13l-3.1-3.08a1.7 1.7 0 0 0-.4-.29l-1.12-4.29a1.001 1.001 0 0 0-1.94.49L11 8.03L8.67 3.19c-.23-.5-.83-.69-1.33-.48c-.5.24-.71.84-.47 1.34l1.69 3.54l-3.37-3.34c-.39-.39-1.03-.39-1.42 0c-.39.4-.38 1.03.01 1.42l3.72 3.7l-.7.27l-1.08.43l-1.91 1.32s-.81 1.05-.88 1.5c-.08.45.79 2.71.79 2.71h.01c.16.34.5.58.9.58a1 1 0 0 0 1-1c0-.1-.03-.18-.06-.27l.02-.01L5 13.17l1.23-.98c.47.02 1.48.1 1.97.13c2.73 2.45.15 3.41.15 3.41l-3.46 1.06l-.17.14a.94.94 0 0 0-.3.75l.02 1.07l6.43-.5c.38.01.74-.13 1.02-.4l4.61-4.6c.53-.54.55-1.55 0-2.12"/></svg> </template>
CSS
.icon-hand-okay {
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%22currentColor%22%20d%3D%22m13.3%2019.26l5.66-5.65l2.12%202.12l-5.66%205.65zm3.2-8.13l-3.1-3.08a1.7%201.7%200%200%200-.4-.29l-1.12-4.29a1.001%201.001%200%200%200-1.94.49L11%208.03L8.67%203.19c-.23-.5-.83-.69-1.33-.48c-.5.24-.71.84-.47%201.34l1.69%203.54l-3.37-3.34c-.39-.39-1.03-.39-1.42%200c-.39.4-.38%201.03.01%201.42l3.72%203.7l-.7.27l-1.08.43l-1.91%201.32s-.81%201.05-.88%201.5c-.08.45.79%202.71.79%202.71h.01c.16.34.5.58.9.58a1%201%200%200%200%201-1c0-.1-.03-.18-.06-.27l.02-.01L5%2013.17l1.23-.98c.47.02%201.48.1%201.97.13c2.73%202.45.15%203.41.15%203.41l-3.46%201.06l-.17.14a.94.94%200%200%200-.3.75l.02%201.07l6.43-.5c.38.01.74-.13%201.02-.4l4.61-4.6c.53-.54.55-1.55%200-2.12%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%22currentColor%22%20d%3D%22m13.3%2019.26l5.66-5.65l2.12%202.12l-5.66%205.65zm3.2-8.13l-3.1-3.08a1.7%201.7%200%200%200-.4-.29l-1.12-4.29a1.001%201.001%200%200%200-1.94.49L11%208.03L8.67%203.19c-.23-.5-.83-.69-1.33-.48c-.5.24-.71.84-.47%201.34l1.69%203.54l-3.37-3.34c-.39-.39-1.03-.39-1.42%200c-.39.4-.38%201.03.01%201.42l3.72%203.7l-.7.27l-1.08.43l-1.91%201.32s-.81%201.05-.88%201.5c-.08.45.79%202.71.79%202.71h.01c.16.34.5.58.9.58a1%201%200%200%200%201-1c0-.1-.03-.18-.06-.27l.02-.01L5%2013.17l1.23-.98c.47.02%201.48.1%201.97.13c2.73%202.45.15%203.41.15%203.41l-3.46%201.06l-.17.14a.94.94%200%200%200-.3.75l.02%201.07l6.43-.5c.38.01.74-.13%201.02-.4l4.61-4.6c.53-.54.55-1.55%200-2.12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/hand-okay.svg?color=%231a73e8&size=48
