Start free

Microsoft Fluent Emoji · Monochrome

Airplane departure (high contrast) animated sticker

Banks into a turn with a short trail. 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 fly-through motion recipe.

Source file: assets/Airplane departure/High Contrast/airplane_departure_high_contrast.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 stays on the first frame for people who ask for less motion.

  1. Put fluent-emoji-airplane-departure-high-contrast.lottie in your site's animations folder, so it loads from /animations/fluent-emoji-airplane-departure-high-contrast.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-airplane-departure-high-contrast.lottie" autoplay loop
  aria-hidden="true"
  style="display: block; width: 200px; height: 200px"></dotlottie-wc>

<script>
  // People who ask for less motion see the first frame.
  if (matchMedia('(prefers-reduced-motion: reduce)').matches) {
    document.querySelectorAll('dotlottie-wc').forEach((el) => el.removeAttribute('autoplay'));
  }
</script>

Lottie in HTML: setup and common problems

Browse drawings