File Download

Plan for today? Let's download some files, one by one! This animated icon represents downloading files.

Edit and download ↗

Lottie, GIF, SVG, PNG, MOGRT, AEP

outline, black, color, motif

Animation

Animation type defines how and when the icon animates.

in-reveal

Plays when the icon appears. Perfect for project entrances such as page loads, success messages, or onboarding flows.

hover-pinch

Plays on hover interaction. Ideal for buttons, UI controls, or decorative elements that respond to user interaction.

See how the icon actually shows up in the UI and what it does in real use.

Efficiency

We focus on delivering solutions that streamline everyday tasks. Our approach helps you achieve more with less effort.

Simplicity

We believe great products should be easy to use and understand. Every feature is designed with clarity and usability in mind.

Reliability

You can count on consistent performance and dependable results. We prioritize stability so you can focus on what matters most.

Performance and simplicity,
perfectly combined.

Get started!

Streak Day

lordicon.studio Wroclaw, Poland

See more examples

Get started quickly with a simple package install or copy-paste setup. No complexity, just clean integration.

Install package

Install the package in your project.

npm install @lordicon/element

Set it up

Import and register the icon to make it available in your code.

import { defineElement } from "@lordicon/element";

// define "lord-icon" custom element with default properties
defineElement();

Use & Customize

Drop it into your HTML and adjust as you like!

Integrate anywhere:

ID: 93
Icon name: file-download
Family: doodle
Style: color
Plan type: PRO
Animation states: in-reveal, hover-pinch
Category: files
Tags: document download down file get paper sheet arrow news office multimedia recieve load data import