ICONYZ
Français
Icône Backhand Index Pointing Down Light de Fluent Emoji

Icône Backhand Index Pointing Down Light

fluent-emoji:backhand-index-pointing-down-light

L'icône Backhand Index Pointing Down Light (fluent-emoji:backhand-index-pointing-down-light) 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
backhandindex, indexpointing, pointingdown, downlight, backhandindexpointingdownlight
Télécharger le SVG

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(#ixNqa3S)"><path fill="url(#iYsIP8c)" d="M28.042 13.88c1.24.86 1.702 2.597.888 3.849a2.657 2.657 0 0 1-3.702.781l-2.61-1.695v10.53a2.637 2.637 0 1 1-5.274 0v-4.284a2.493 2.493 0 0 1-4.564-.344a2.724 2.724 0 0 1-4.487-.884a2.723 2.723 0 0 1-4.493-2.07v-3.102l.002-.104v-4.859c0-1.431.849-3.878 2.51-6.022q.25-.33.527-.637l.01-.013a9.2 9.2 0 0 1 6.833-3.008a9.2 9.2 0 0 1 7.577 3.945c.603.832.892 1.506 1.178 2.175c.22.513.438 1.023.797 1.601c.566.913 1.4 1.59 1.865 1.969l.098.08h-.002z"/><path fill="url(#iZEHMks)" d="M28.042 13.88c1.24.86 1.702 2.597.888 3.849a2.657 2.657 0 0 1-3.702.781l-2.61-1.695v10.53a2.637 2.637 0 1 1-5.274 0v-4.284a2.493 2.493 0 0 1-4.564-.344a2.724 2.724 0 0 1-4.487-.884a2.723 2.723 0 0 1-4.493-2.07v-3.102l.002-.104v-4.859c0-1.431.849-3.878 2.51-6.022q.25-.33.527-.637l.01-.013a9.2 9.2 0 0 1 6.833-3.008a9.2 9.2 0 0 1 7.577 3.945c.603.832.892 1.506 1.178 2.175c.22.513.438 1.023.797 1.601c.566.913 1.4 1.59 1.865 1.969l.098.08h-.002z"/><path fill="url(#ifcWF7d)" d="M28.042 13.88c1.24.86 1.702 2.597.888 3.849a2.657 2.657 0 0 1-3.702.781l-2.61-1.695v10.53a2.637 2.637 0 1 1-5.274 0v-4.284a2.493 2.493 0 0 1-4.564-.344a2.724 2.724 0 0 1-4.487-.884a2.723 2.723 0 0 1-4.493-2.07v-3.102l.002-.104v-4.859c0-1.431.849-3.878 2.51-6.022q.25-.33.527-.637l.01-.013a9.2 9.2 0 0 1 6.833-3.008a9.2 9.2 0 0 1 7.577 3.945c.603.832.892 1.506 1.178 2.175c.22.513.438 1.023.797 1.601c.566.913 1.4 1.59 1.865 1.969l.098.08h-.002z"/><path fill="url(#iYb01Wb)" d="M28.042 13.88c1.24.86 1.702 2.597.888 3.849a2.657 2.657 0 0 1-3.702.781l-2.61-1.695v10.53a2.637 2.637 0 1 1-5.274 0v-4.284a2.493 2.493 0 0 1-4.564-.344a2.724 2.724 0 0 1-4.487-.884a2.723 2.723 0 0 1-4.493-2.07v-3.102l.002-.104v-4.859c0-1.431.849-3.878 2.51-6.022q.25-.33.527-.637l.01-.013a9.2 9.2 0 0 1 6.833-3.008a9.2 9.2 0 0 1 7.577 3.945c.603.832.892 1.506 1.178 2.175c.22.513.438 1.023.797 1.601c.566.913 1.4 1.59 1.865 1.969l.098.08h-.002z"/><path fill="url(#iyu2SnT)" d="M28.042 13.88c1.24.86 1.702 2.597.888 3.849a2.657 2.657 0 0 1-3.702.781l-2.61-1.695v10.53a2.637 2.637 0 1 1-5.274 0v-4.284a2.493 2.493 0 0 1-4.564-.344a2.724 2.724 0 0 1-4.487-.884a2.723 2.723 0 0 1-4.493-2.07v-3.102l.002-.104v-4.859c0-1.431.849-3.878 2.51-6.022q.25-.33.527-.637l.01-.013a9.2 9.2 0 0 1 6.833-3.008a9.2 9.2 0 0 1 7.577 3.945c.603.832.892 1.506 1.178 2.175c.22.513.438 1.023.797 1.601c.566.913 1.4 1.59 1.865 1.969l.098.08h-.002z"/></g><path fill="url(#imo7yFe)" d="M28.042 13.88c1.24.86 1.702 2.597.888 3.849a2.657 2.657 0 0 1-3.702.781l-2.61-1.695v10.53a2.637 2.637 0 1 1-5.274 0v-4.284a2.493 2.493 0 0 1-4.564-.344a2.724 2.724 0 0 1-4.487-.884a2.723 2.723 0 0 1-4.493-2.07v-3.102l.002-.104v-4.859c0-1.431.849-3.878 2.51-6.022q.25-.33.527-.637l.01-.013a9.2 9.2 0 0 1 6.833-3.008a9.2 9.2 0 0 1 7.577 3.945c.603.832.892 1.506 1.178 2.175c.22.513.438 1.023.797 1.601c.566.913 1.4 1.59 1.865 1.969l.098.08h-.002z"/><path fill="url(#ivm20mb)" d="M28.042 13.88c1.24.86 1.702 2.597.888 3.849a2.657 2.657 0 0 1-3.702.781l-2.61-1.695v10.53a2.637 2.637 0 1 1-5.274 0v-4.284a2.493 2.493 0 0 1-4.564-.344a2.724 2.724 0 0 1-4.487-.884a2.723 2.723 0 0 1-4.493-2.07v-3.102l.002-.104v-4.859c0-1.431.849-3.878 2.51-6.022q.25-.33.527-.637l.01-.013a9.2 9.2 0 0 1 6.833-3.008a9.2 9.2 0 0 1 7.577 3.945c.603.832.892 1.506 1.178 2.175c.22.513.438 1.023.797 1.601c.566.913 1.4 1.59 1.865 1.969l.098.08h-.002z"/><path fill="url(#iGGMsud)" d="M17.344 19.49v7.855a2.637 2.637 0 1 0 5.273 0V19.49z"/><path fill="url(#iS9a7kc)" d="M17.344 19.49v7.855a2.637 2.637 0 1 0 5.273 0V19.49z"/><g filter="url(#iImRSqb)"><rect width="1.47" height="12.258" x="20.279" y="16" fill="url(#irEv0xc)" rx=".735"/></g><g filter="url(#iw8y0Xd)"><rect width="1.828" height="6.633" x="22.317" y="12.946" fill="url(#iaKmLhd)" rx=".914" transform="rotate(-51.165 22.317 12.946)"/></g><g filter="url(#iR95uYc)"><rect width="1.788" height="3.164" x="6.149" y="17.968" fill="#FFC0B6" rx=".894"/></g><g filter="url(#iHnX4DW)"><rect width="1.788" height="3.636" x="10.791" y="18.493" fill="#FFC0B6" rx=".894"/></g><g filter="url(#igB5iWc)"><rect width="1.788" height="3.584" x="15.106" y="19.49" fill="#FFC0B6" rx=".894"/></g><defs><radialGradient id="iYsIP8c" cx="0" cy="0" r="1" gradientTransform="matrix(-7.26582 11.28256 -16.62332 -10.7052 21.64 7.53)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDCBF"/><stop offset="1" stop-color="#F2BCAB"/></radialGradient><radialGradient id="iZEHMks" cx="0" cy="0" r="1" gradientTransform="matrix(-4.903 5.2104 -12.28143 -11.55686 24.7 8.575)" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#FFE8C8"/><stop offset="1" stop-color="#FFE8C8" stop-opacity="0"/></radialGradient><radialGradient id="ifcWF7d" cx="0" cy="0" r="1" gradientTransform="matrix(0 -4.19151 2.37896 0 8.08 22.57)" gradientUnits="userSpaceOnUse"><stop stop-color="#CB9190"/><stop offset="1" stop-color="#CB9190" stop-opacity="0"/></radialGradient><radialGradient id="iYb01Wb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -3.94495 2.95871 0 12.724 23.598)" gradientUnits="userSpaceOnUse"><stop stop-color="#CB9190"/><stop offset="1" stop-color="#CB9190" stop-opacity="0"/></radialGradient><radialGradient id="iyu2SnT" cx="0" cy="0" r="1" gradientTransform="matrix(-5.41712 -5.281 2.2329 -2.29045 27.275 19.886)" gradientUnits="userSpaceOnUse"><stop stop-color="#E4A89E"/><stop offset="1" stop-color="#E4A89E" stop-opacity="0"/></radialGradient><radialGradient id="ivm20mb" cx="0" cy="0" r="1" gradientTransform="rotate(-136.118 18.467 7.458)scale(30.9142 28.4421)" gradientUnits="userSpaceOnUse"><stop offset=".848" stop-color="#E1A992" stop-opacity="0"/><stop offset="1" stop-color="#E1A992"/></radialGradient><filter id="ixNqa3S" width="26.537" height="28.714" x="3.801" y="1.268" 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="1" dy="-.75"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.494118 0 0 0 0 0.560784 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_5472"/></filter><filter id="iImRSqb" width="4.47" height="15.258" x="18.779" y="14.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5472" stdDeviation=".75"/></filter><filter id="iw8y0Xd" width="8.571" height="7.842" x="21.188" y="10.393" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5472" stdDeviation=".75"/></filter><filter id="iR95uYc" width="3.788" height="5.164" x="5.149" y="16.968" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5472" stdDeviation=".5"/></filter><filter id="iHnX4DW" width="3.788" height="5.636" x="9.791" y="17.493" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5472" stdDeviation=".5"/></filter><filter id="igB5iWc" width="3.788" height="5.584" x="14.106" y="18.49" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5472" stdDeviation=".5"/></filter><linearGradient id="imo7yFe" x1="3.8" x2="8.875" y1="13.864" y2="14.316" gradientUnits="userSpaceOnUse"><stop stop-color="#E1A992"/><stop offset="1" stop-color="#E1A992" stop-opacity="0"/></linearGradient><linearGradient id="iGGMsud" x1="16.663" x2="19.98" y1="24.736" y2="24.54" gradientUnits="userSpaceOnUse"><stop stop-color="#D99D90"/><stop offset="1" stop-color="#D99D90" stop-opacity="0"/></linearGradient><linearGradient id="iS9a7kc" x1="19.025" x2="19.025" y1="19.063" y2="22.55" gradientUnits="userSpaceOnUse"><stop stop-color="#F4C0AE"/><stop offset="1" stop-color="#F4C0AE" stop-opacity="0"/></linearGradient><linearGradient id="irEv0xc" x1="21.014" x2="21.014" y1="12.667" y2="28.258" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD6C2" stop-opacity="0"/><stop offset="1" stop-color="#FFD6C2"/></linearGradient><linearGradient id="iaKmLhd" x1="23.231" x2="23.231" y1="11.142" y2="19.579" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE4C9" stop-opacity="0"/><stop offset="1" stop-color="#FFE4C9"/></linearGradient></defs></g></svg>

Comment utiliser l'icône Backhand Index Pointing Down Light

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:backhand-index-pointing-down-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:backhand-index-pointing-down-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:backhand-index-pointing-down-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--backhand-index-pointing-down-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:backhand-index-pointing-down-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:backhand-index-pointing-down-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/backhand-index-pointing-down-light.svg" alt="Icône Backhand Index Pointing Down Light" width="24" height="24">

Icônes similaires dans Fluent Emoji

L'icône Backhand Index Pointing Down Light dans d'autres collections

FAQ : Icône Backhand Index Pointing Down Light

L'icône Backhand Index Pointing Down Light 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 Backhand Index Pointing Down Light dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji:backhand-index-pointing-down-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Backhand Index Pointing Down Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/backhand-index-pointing-down-light.svg" alt="Icône Backhand Index Pointing Down Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji →