Animated Icons is an extensive online collection featuring over 1100 meticulously crafted animated icons, designed to enhance your website and captivate users for extended periods. These icons are the result of expert illustration and animation work, executed by skilled professionals.
After choosing your desired icon, you can easily customize its colors, animation speed, and other attributes with just a few clicks. Subsequently, you can download it in either Lottie animation format (JSON file) or SVG format.
Working:
1. Click on this link to navigate to Animated Icons and then click on the button ‘Explore Icon Library’. You are not required to sign up or register for a free account to browse the library or download the icons.
2. By default, all the icons will be viewable on the screen. You can use the Search Box at the top of the page to search for the icons by typing a few key words such as email, blog, security, help etc.
3. You can use the filters in the left side panel to view the icons in specific categories such as Advertising, Banking, Audio & Video, Branding and many more.
4. Click on any icon in the collection to choose it and observe that the a ‘Customize’ panel will be visible towards the right. Next, choose the style of the icon by clicking on any of the corresponding buttons in the panel such as Normal, Two tone, Gray tone and Dark.
5. You can modify the Current Color layers by using the respective color picker tool in the panel. Once you settle down on a particular set of colors, you can apply the combination to all the icons by clicking on ‘Apply to all icons’ button.
6. Finally, use the slider to change the stroke width of the chosen icon and then click on ‘JSON’ or ‘SVG’ to download the icon to your system in the respective file format.
Closing Comments:
Animated Icons is an impressive repository boasting thousands of expertly crafted animated icons. With a simple click, you can effortlessly personalize the icons’ style and colors. You can then freely download them in JSON or SVG format for integration into your projects, all without the need for any prior creative design skills.
Click here to navigate to Animated Icons.
Click here to access Fluenticons, a web-based icon viewer housing a vast collection of more than 4000 exquisite and versatile open-source icons courtesy of Microsoft. These icons come in both Filled and Outlined styles, and you can download them in various formats such as PNG, WEBP, Vue component, and React Component.