Icon pack

Weather

4 icons

Bring weather to life with our weather animated icons. Explore animations for nature, weather, landscapes, plants, outdoor life. These interactive icons and Lottie icons are perfect for websites, educational projects, travel content, and social media.

Edit and download ↗
Lottie, GIF, SVG, PNG, MOGRT, AEP
Outline, Solid
Sun
Cloud
Loader Rain
Moon

Icons in action

See how icons from this pack actually show up in real interface scenarios.

Finding something iconic...

25
13
21
8
Add folder ⌘+D
Wallet ⌘+K
Download this S
Delete ⇧+V
Dog Avatar
Add comment...
Confirm action

Are you sure you want to continue? This action can be completed in just a few steps.

My notebook

21 lists

Simple use in WEB

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!

Sun, Animated Icon, Solid

Integrate anywhere: