Start free

Microsoft Fluent Emoji · Flat

Backhand index pointing left (flat) animated sticker

Lands with a squash and stretch, then rocks gently. The original colours stay with the drawing.

Download LottieDownload dotLottie

Create a free account to download up to 50 library animations a day. The limit resets at midnight UTC. Each download is one animation.

Edit in Mosso

Loading preview...

Source and licence

Original drawing

Microsoft Fluent Emoji · MIT

Microsoft Fluent Emoji (https://github.com/microsoft/fluentui-emoji), MIT License. Adapted for animation in Mosso when imported.

Converted the original SVG to editable paths, retained source colours and added the pop motion recipe.

Source file: assets/Backhand index pointing left/Default/Flat/backhand_index_pointing_left_flat_default.svg. Version: 1ffb34c752ecf5d402f04cfb4b392c77f57c54bc.

Licence notices
    MIT License

    Copyright (c) Microsoft Corporation.

    Permission is hereby granted, free of charge, to any person obtaining a copy
    of this software and associated documentation files (the "Software"), to deal
    in the Software without restriction, including without limitation the rights
    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
    copies of the Software, and to permit persons to whom the Software is
    furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all
    copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE

Keep the source credit and licence notices with the file when you use or share it. Check the licence above for its terms.

Use it in code

Download the file, then copy the code for your platform. It loops, and it holds a still frame for people who ask for less motion.

  1. Put fluent-emoji-backhand-index-pointing-left-flat.lottie in your site's animations folder, so it loads from /animations/fluent-emoji-backhand-index-pointing-left-flat.lottie.
  2. Paste this where it should play.
index.html
<script type="module" src="https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-wc@0.10.0/dist/dotlottie-wc.js"></script>

<dotlottie-wc src="/animations/fluent-emoji-backhand-index-pointing-left-flat.lottie" autoplay loop data-still="0.43"
  aria-hidden="true"
  style="display: block; width: 200px; height: 200px"></dotlottie-wc>

<script>
  // People who ask for less motion see a still frame: data-still is how far in, from 0 to 1.
  if (matchMedia('(prefers-reduced-motion: reduce)').matches) {
    const players = document.querySelectorAll('dotlottie-wc');
    players.forEach((el) => el.removeAttribute('autoplay'));
    customElements.whenDefined('dotlottie-wc').then(() => players.forEach((el) => {
      const player = el.dotLottie;
      if (!player || !el.dataset.still) return;
      const show = () => player.setFrame(Math.round(Number(el.dataset.still) * (player.totalFrames - 1)));
      if (player.isLoaded) show();
      else player.addEventListener('load', show);
    }));
  }
</script>

Lottie in HTML: setup and common problems

Browse drawings