lottie-react VS feather

Here's an example of how the output will appear: You have the flexibility to customize the icon using the available properties, which can be found here. For instance, by setting the property hover= {true}, the animation will only run when you hover over the icon. Additionally, you can configure the icon to listen to various events such as load, play, pause, and more. Explore the available properties to enhance the behavior and interactivity of your icon.

Feather Icons

Feather - A collection of simply beautiful open source icons with an emphasis on simplicity, consistency and readability.

In this article, we’ll walk you through using Feather-inspired animated icon libraries in React applications and guide you through setting up a React project, adding and customizing icons using various libraries, and handling common issues like double rendering.

Feather – Simply beautiful open source icons (feathericons.com)

Select the Icon Theme. Blueprint is the default for Roam Research. Roam Studio provides Feather Icons.

Feather icons

As for the icons, grab 'em at Feather or SVGRepo

Icons: Feather and SVGRepo Wallpaper: Backdrops Slideshow (showcased) images: Various sources. (comment down below so that I can track 'em down)

Icons (references): https://feathericons.com/ | https://svgrepo.com/ Wallpaper: Backdrops Slideshow (showcased) images: Various sources (Mostly from Pinterest and Twitter)