---
title: "Icon Fly Away Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Raffic Templates · Buttons. Icon Fly Away Button is a playful, motion-driven component that adds an interactive touch to any website."
canonical: "https://framer.elliotli.dev/component/icon-fly-away-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Icon Fly Away Button

# Icon Fly Away Button

[View on Framer](https://framer.com/marketplace/components/icon-fly-away-button/?via=elliot-li)

![Icon Fly Away Button preview image 1](https://framer.elliotli.dev/og/component/icon-fly-away-button/320b772bab689b13/1600x1200.jpg)

## Summary

Icon Fly Away Button is a playful, motion-driven component that adds an interactive touch to any website.

## Description

## Animated Icon Fly Away Button

The Animated Icon Fly Away Button is a playful, motion-driven component that adds an interactive touch to any website. When users hover, custom PNG icons burst outward and fade away, creating a delightful moment of motion that draws attention and enhances engagement.

Ideal for **contact forms, ‘like’ buttons, or call-to-action prompts**, this button is fully customizable - letting you upload any icon, control its speed and direction, and blend it seamlessly into your site’s style.

Key Features:

💫 **Custom PNG Support:** Upload any image - hearts, stars, envelopes, or your own icon for unique hover effects.

⚙️ **Full Motion Control:** Adjust fly direction, fade duration, and animation speed with ease.

🎨 **Flexible Styling:** Works with any button design or background to suit your brand aesthetic.

🧩 **Lightweight & Seamless:** Smooth, performant animation built natively for Framer.

📱 **Responsive Design:** Looks great on all screen sizes and hover states.

Add energy to your interface with smooth, expressive motion and buttons that feel truly alive!

## Rank history [How rankings work →](/terms#rankings)

-   All · #4492

## Details

- **Author**: Raffic Templates
- **Published**: 2025-11-03
- **Updated**: 2025-11-03
- **Added**: 2025-10-23
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything