Icône Ok Hand
fluent-emoji:ok-hand
L'icône Ok Hand (fluent-emoji:ok-hand) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- okhand
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iR3FhAe)"><path fill="#FFC03A" d="M15.156 5.106a2.343 2.343 0 1 1 4.52-1.241l.975 3.547v-1.01a2.328 2.328 0 0 1 4.656 0v9.536q0 .1-.008.197v1.934c0 6.218-2.54 8.953-5.04 10.547c-1.999 1.274-5.857 1.882-8.904.274c-1.974-.98-3.556-2.642-4.424-4.512a2.55 2.55 0 0 1 4.625-2.149c.662 1.425 2.2 2.485 3.669 2.485a3.891 3.891 0 0 0 0-7.783c-1.69 0-3.032.937-3.593 2.264a2.55 2.55 0 1 1-4.697-1.987c1.043-2.465 3.122-4.25 5.63-4.994l-3.674-5.97a2.54 2.54 0 0 1 4.324-2.662l2.75 4.469z"/><path fill="url(#iMOP2wD)" d="M15.156 5.106a2.343 2.343 0 1 1 4.52-1.241l.975 3.547v-1.01a2.328 2.328 0 0 1 4.656 0v9.536q0 .1-.008.197v1.934c0 6.218-2.54 8.953-5.04 10.547c-1.999 1.274-5.857 1.882-8.904.274c-1.974-.98-3.556-2.642-4.424-4.512a2.55 2.55 0 0 1 4.625-2.149c.662 1.425 2.2 2.485 3.669 2.485a3.891 3.891 0 0 0 0-7.783c-1.69 0-3.032.937-3.593 2.264a2.55 2.55 0 1 1-4.697-1.987c1.043-2.465 3.122-4.25 5.63-4.994l-3.674-5.97a2.54 2.54 0 0 1 4.324-2.662l2.75 4.469z"/><path fill="url(#iFmhsce)" d="M15.156 5.106a2.343 2.343 0 1 1 4.52-1.241l.975 3.547v-1.01a2.328 2.328 0 0 1 4.656 0v9.536q0 .1-.008.197v1.934c0 6.218-2.54 8.953-5.04 10.547c-1.999 1.274-5.857 1.882-8.904.274c-1.974-.98-3.556-2.642-4.424-4.512a2.55 2.55 0 0 1 4.625-2.149c.662 1.425 2.2 2.485 3.669 2.485a3.891 3.891 0 0 0 0-7.783c-1.69 0-3.032.937-3.593 2.264a2.55 2.55 0 1 1-4.697-1.987c1.043-2.465 3.122-4.25 5.63-4.994l-3.674-5.97a2.54 2.54 0 0 1 4.324-2.662l2.75 4.469z"/><path fill="url(#i7bz3ct)" d="M15.156 5.106a2.343 2.343 0 1 1 4.52-1.241l.975 3.547v-1.01a2.328 2.328 0 0 1 4.656 0v9.536q0 .1-.008.197v1.934c0 6.218-2.54 8.953-5.04 10.547c-1.999 1.274-5.857 1.882-8.904.274c-1.974-.98-3.556-2.642-4.424-4.512a2.55 2.55 0 0 1 4.625-2.149c.662 1.425 2.2 2.485 3.669 2.485a3.891 3.891 0 0 0 0-7.783c-1.69 0-3.032.937-3.593 2.264a2.55 2.55 0 1 1-4.697-1.987c1.043-2.465 3.122-4.25 5.63-4.994l-3.674-5.97a2.54 2.54 0 0 1 4.324-2.662l2.75 4.469z"/><path fill="url(#ioy19Ic)" d="M15.156 5.106a2.343 2.343 0 1 1 4.52-1.241l.975 3.547v-1.01a2.328 2.328 0 0 1 4.656 0v9.536q0 .1-.008.197v1.934c0 6.218-2.54 8.953-5.04 10.547c-1.999 1.274-5.857 1.882-8.904.274c-1.974-.98-3.556-2.642-4.424-4.512a2.55 2.55 0 0 1 4.625-2.149c.662 1.425 2.2 2.485 3.669 2.485a3.891 3.891 0 0 0 0-7.783c-1.69 0-3.032.937-3.593 2.264a2.55 2.55 0 1 1-4.697-1.987c1.043-2.465 3.122-4.25 5.63-4.994l-3.674-5.97a2.54 2.54 0 0 1 4.324-2.662l2.75 4.469z"/></g><path fill="url(#iDObOQe)" d="M21.937 12.04h3.37V6.348a2.328 2.328 0 1 0-4.656 0v1.01z"/><path fill="url(#i4XEL4c)" d="M21.937 12.04h3.37V6.348a2.328 2.328 0 1 0-4.656 0v1.01z"/><path fill="url(#iKauLKe)" d="M21.937 12.04h3.37V6.348a2.328 2.328 0 1 0-4.656 0v1.01z"/><path fill="url(#iloj7Ad)" d="M21.937 12.04h3.37V6.348a2.328 2.328 0 1 0-4.656 0v1.01z"/><path fill="url(#iwaPZMe)" d="M21.937 12.04h3.37V6.348a2.328 2.328 0 1 0-4.656 0v1.01z"/><path fill="url(#imwftPp)" d="M15.156 5.106a2.343 2.343 0 0 1 4.52-1.241l2.212 8.174h-3.645c-.06-.269-.113-.472-.266-.72l-2.012-3.268z"/><path fill="url(#iWW1Fth)" d="M15.156 5.106a2.343 2.343 0 0 1 4.52-1.241l2.212 8.174h-3.645c-.06-.269-.113-.472-.266-.72l-2.012-3.268z"/><path fill="url(#iZDodip)" d="M15.156 5.106a2.343 2.343 0 0 1 4.52-1.241l2.212 8.174h-3.645c-.06-.269-.113-.472-.266-.72l-2.012-3.268z"/><path fill="url(#iWWXgzc)" d="M15.156 5.106a2.343 2.343 0 0 1 4.52-1.241l2.212 8.174h-3.645c-.06-.269-.113-.472-.266-.72l-2.012-3.268z"/><path fill="url(#iHedMKj)" d="M9.722 2.74a2.54 2.54 0 0 0-.831 3.494l3.674 5.97c.846-.25 2.138-.161 3.057-.161h3.516c-1.125-.574-1.329-1.048-1.535-1.383l-4.388-7.088a2.54 2.54 0 0 0-3.493-.831"/><path fill="url(#iL1W3fb)" d="M9.722 2.74a2.54 2.54 0 0 0-.831 3.494l3.674 5.97c.846-.25 2.138-.161 3.057-.161h3.516c-1.125-.574-1.329-1.048-1.535-1.383l-4.388-7.088a2.54 2.54 0 0 0-3.493-.831"/><path fill="url(#ivbcExR)" d="M9.722 2.74a2.54 2.54 0 0 0-.831 3.494l3.674 5.97c.846-.25 2.138-.161 3.057-.161h3.516c-1.125-.574-1.329-1.048-1.535-1.383l-4.388-7.088a2.54 2.54 0 0 0-3.493-.831"/><path fill="url(#iv2ubLe)" d="M9.722 2.74a2.54 2.54 0 0 0-.831 3.494l3.674 5.97c.846-.25 2.138-.161 3.057-.161h3.516c-1.125-.574-1.329-1.048-1.535-1.383l-4.388-7.088a2.54 2.54 0 0 0-3.493-.831"/><g filter="url(#iNMFtoA)"><path stroke="url(#ivelgmV)" stroke-linecap="round" stroke-width="1.5" d="M9.882 22.488c.794 1.478 2.604 3.546 5.19 3.842"/></g><g filter="url(#iensLhb)"><path stroke="url(#i8ZsnXd)" stroke-linecap="round" stroke-width="2" d="M17.108 12.455c2.547.54 7.304 3.42 5.957 10.62"/></g><g filter="url(#i29f7rb)"><path stroke="url(#ib30o1l)" stroke-linecap="round" stroke-width="1.5" d="m11.424 3.609l6.146 9.88"/></g><g filter="url(#iN4kjlb)"><path stroke="url(#i9zYQgp)" stroke-linecap="round" stroke-width="1.5" d="m18.137 3.94l2.931 10.684"/></g><g filter="url(#iIcJiGc)"><path stroke="url(#i3Pm7ye)" stroke-linecap="round" d="M23.385 6.871v10.542"/></g><defs><linearGradient id="iDObOQe" x1="20.385" x2="23.397" y1="9.41" y2="9.41" gradientUnits="userSpaceOnUse"><stop stop-color="#DB8E1E"/><stop offset="1" stop-color="#DB8E1E" stop-opacity="0"/></linearGradient><linearGradient id="i4XEL4c" x1="20.869" x2="21.828" y1="9.786" y2="9.535" gradientUnits="userSpaceOnUse"><stop stop-color="#E37917"/><stop offset="1" stop-color="#E37917" stop-opacity="0"/></linearGradient><linearGradient id="iloj7Ad" x1="25.813" x2="23.926" y1="10.327" y2="10.327" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDE3F"/><stop offset="1" stop-color="#FFDE3F" stop-opacity="0"/></linearGradient><linearGradient id="iwaPZMe" x1="25.471" x2="24.733" y1="10.928" y2="10.928" gradientUnits="userSpaceOnUse"><stop stop-color="#FAC54C"/><stop offset="1" stop-color="#FAC54C" stop-opacity="0"/></linearGradient><linearGradient id="imwftPp" x1="15.669" x2="18.505" y1="9.625" y2="8.719" gradientUnits="userSpaceOnUse"><stop stop-color="#D58430"/><stop offset="1" stop-color="#D58430" stop-opacity="0"/></linearGradient><linearGradient id="iWW1Fth" x1="16.35" x2="17.251" y1="9.284" y2="8.904" gradientUnits="userSpaceOnUse"><stop stop-color="#E37917"/><stop offset="1" stop-color="#E37917" stop-opacity="0"/></linearGradient><linearGradient id="iWWXgzc" x1="21.419" x2="19.482" y1="8.312" y2="9.062" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE54D"/><stop offset="1" stop-color="#FFE54D" stop-opacity="0"/></linearGradient><linearGradient id="iHedMKj" x1="10.982" x2="14.308" y1="10.449" y2="8.521" gradientUnits="userSpaceOnUse"><stop stop-color="#D58441"/><stop offset="1" stop-color="#EFA230" stop-opacity="0"/></linearGradient><linearGradient id="iL1W3fb" x1="16.325" x2="14.794" y1="7.5" y2="8.598" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE946"/><stop offset="1" stop-color="#FFE946" stop-opacity="0"/></linearGradient><linearGradient id="ivbcExR" x1="19.138" x2="17.208" y1="12.148" y2="11.547" gradientUnits="userSpaceOnUse"><stop offset=".612" stop-color="#FFD747"/><stop offset="1" stop-color="#FFD747" stop-opacity="0"/></linearGradient><linearGradient id="ivelgmV" x1="10.178" x2="17.012" y1="22.488" y2="27.143" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD535"/><stop offset="1" stop-color="#FFD535" stop-opacity="0"/></linearGradient><linearGradient id="ib30o1l" x1="14.071" x2="20.118" y1="6.54" y2="15.351" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE746"/><stop offset="1" stop-color="#FFE746" stop-opacity="0"/></linearGradient><linearGradient id="i9zYQgp" x1="20.217" x2="26.264" y1="6.54" y2="15.351" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE746"/><stop offset="1" stop-color="#FFE746" stop-opacity="0"/></linearGradient><linearGradient id="i3Pm7ye" x1="23.668" x2="24.325" y1="6.256" y2="15.998" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE949"/><stop offset="1" stop-color="#FFE949" stop-opacity="0"/></linearGradient><radialGradient id="iMOP2wD" cx="0" cy="0" r="1" gradientTransform="matrix(0 .53295 -1.14361 0 9.26 20.772)" gradientUnits="userSpaceOnUse"><stop stop-color="#BE6E00"/><stop offset=".792" stop-color="#BE6E00" stop-opacity="0"/></radialGradient><radialGradient id="iFmhsce" cx="0" cy="0" r="1" gradientTransform="matrix(2.09172 2.73585 -3.3536 2.56402 16.506 22.358)" gradientUnits="userSpaceOnUse"><stop offset=".416" stop-color="#D08C3B"/><stop offset=".882" stop-color="#D08C3B" stop-opacity="0"/></radialGradient><radialGradient id="i7bz3ct" cx="0" cy="0" r="1" gradientTransform="rotate(-38.12 36.751 -14.309)scale(5.88904 5.60323)" gradientUnits="userSpaceOnUse"><stop stop-color="#E17C51"/><stop offset="1" stop-color="#E17C51" stop-opacity="0"/></radialGradient><radialGradient id="ioy19Ic" cx="0" cy="0" r="1" gradientTransform="rotate(147.419 11.94 10.458)scale(11.9012 24.4655)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE452"/><stop offset="1" stop-color="#FFE452" stop-opacity="0"/></radialGradient><radialGradient id="iKauLKe" cx="0" cy="0" r="1" gradientTransform="matrix(-.7531 -3.10204 2.28202 -.55402 21.819 12.297)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDD4B"/><stop offset="1" stop-color="#FFDD4B" stop-opacity="0"/></radialGradient><radialGradient id="iZDodip" cx="0" cy="0" r="1" gradientTransform="rotate(41.186 3.744 20.89)scale(3.04972 5.90543)" gradientUnits="userSpaceOnUse"><stop stop-color="#DEA23E"/><stop offset="1" stop-color="#DEA23E" stop-opacity="0"/></radialGradient><radialGradient id="iv2ubLe" cx="0" cy="0" r="1" gradientTransform="rotate(54.462 1.93 10.506)scale(3.54768 4.64569)" gradientUnits="userSpaceOnUse"><stop stop-color="#DEA23E"/><stop offset="1" stop-color="#DEA23E" stop-opacity="0"/></radialGradient><radialGradient id="i8ZsnXd" cx="0" cy="0" r="1" gradientTransform="rotate(153.789 9.477 10.57)scale(4.29914 20.7123)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEB5C"/><stop offset="1" stop-color="#FFE94A" stop-opacity="0"/></radialGradient><filter id="iR3FhAe" width="19.214" height="28.317" x="6.693" y="1.541" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".6" dy="-.6"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.494118 0 0 0 0 0.301961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_1735"/></filter><filter id="iNMFtoA" width="9.69" height="8.342" x="7.632" y="20.238" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_1735" stdDeviation=".75"/></filter><filter id="iensLhb" width="12.193" height="16.62" x="14.107" y="9.455" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_1735" stdDeviation="1"/></filter><filter id="i29f7rb" width="10.646" height="14.381" x="9.174" y="1.359" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_1735" stdDeviation=".75"/></filter><filter id="iN4kjlb" width="7.431" height="15.185" x="15.887" y="1.69" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_1735" stdDeviation=".75"/></filter><filter id="iIcJiGc" width="3" height="13.543" x="21.885" y="5.371" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_1735" stdDeviation=".5"/></filter></defs></g></svg>Comment utiliser l'icône Ok Hand
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:ok-hand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:ok-hand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:ok-hand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--ok-hand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:ok-hand"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:ok-hand"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/ok-hand.svg" alt="Icône Ok Hand" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Ok Hand dans d'autres collections
FAQ : Icône Ok Hand
L'icône Ok Hand est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Ok Hand dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:ok-hand" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ok Hand à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/ok-hand.svg" alt="Icône Ok Hand">, ou collez le code SVG directement dans la page pour le styliser en CSS.