Discount Animated Icons Set – WordPress Lottie JSON SVG
$39.00
1 sales
LIVE PREVIEWDiscount Animated Icons Set – WordPress Lottie JSON SVG Review
As a web designer or developer, you’re constantly on the lookout for creative and visually appealing elements to enhance your projects. Look no further than the Discount Animated Icons Set – WordPress Lottie JSON SVG! This impressive collection of 64 animated icons is sure to impress your clients and elevate your designs to the next level.
A Closer Look
With this set, you’ll receive a plethora of animation styles and designs, carefully crafted to meet the demands of modern web design and development. The icons are compatible with a range of popular platforms, including WordPress, Elementor, Divi, WebFlow, BeaverBuilder, Lottie Files, and Bodymovin. This means you can seamlessly integrate them into your existing projects or create new ones with ease.
Features and Benefits
So, what makes this set so special? For starters, you’ll enjoy:
- 64 animated JSON icons, each one a masterpiece of design and animation
- An After Effects project for color adjustment, giving you complete creative control
- 100% resizable icons, allowing you to customize them to fit any project
- Change color and stroke width options, enabling you to match your design aesthetic
- Layered design for easy customization and modification
- Compatible with a wide range of platforms and CMS systems
What You’ll Receive
The Discount Animated Icons Set includes six individual packs, each focused on a specific theme:
- Price Pack
- Product Pack
- Payment Pack
- Statistic Pack
- And two bonus packs!
Suitable for
This impressive set is perfect for those who want to add a touch of animation and sophistication to their designs. If you’re interested in icons, business, discount, interface, web, json, svg animation, lottie animation, web development, app design, UI, motion, or Bodymovin, this set is sure to delight!
My Score
Score: 0
Rating: (Based on my analysis, this product seems to be of high quality and offers an impressive range of features and benefits. However, to provide a fair review, I require more information on customer support, pricing, and user experience.)
In conclusion, the Discount Animated Icons Set – WordPress Lottie JSON SVG is a remarkable collection of animated icons that’s sure to enhance your web design and development projects. With its ease of use, customization options, and compatibility with multiple platforms, this set is a valuable addition to any designer’s or developer’s toolkit.
User Reviews
Be the first to review “Discount Animated Icons Set – WordPress Lottie JSON SVG” Cancel reply
Introduction
Are you looking to add some interactive and engaging elements to your WordPress website? Look no further than the Discount Animated Icons Set - WordPress Lottie JSON SVG! This set of animated icons is designed to bring your website to life with its smooth animations and customizable options. In this tutorial, we'll show you how to use the Discount Animated Icons Set to enhance your website's user experience.
Getting Started
Before we dive into the tutorial, make sure you have the following:
- A WordPress website with a compatible theme
- The Discount Animated Icons Set plugin installed and activated
- A basic understanding of WordPress and its customization options
Step 1: Installing and Activating the Plugin
To start using the Discount Animated Icons Set, you'll need to install and activate the plugin. Follow these steps:
- Log in to your WordPress dashboard
- Click on the "Plugins" tab on the left-hand side of the screen
- Click on the "Add New" button
- Search for "Discount Animated Icons Set" in the search bar
- Click on the "Install Now" button
- Activate the plugin by clicking on the "Activate" button
Step 2: Creating a New Animated Icon
Now that the plugin is installed and activated, let's create a new animated icon. Follow these steps:
- Log in to your WordPress dashboard
- Click on the "Appearance" tab on the left-hand side of the screen
- Click on the "Customize" button
- Click on the "Discount Animated Icons" tab on the left-hand side of the screen
- Click on the "Add New Icon" button
- Choose the icon you want to use from the available options
- Customize the icon's settings, such as the animation speed and direction
Step 3: Adding the Animated Icon to Your Website
Now that you've created a new animated icon, let's add it to your website. Follow these steps:
- Log in to your WordPress dashboard
- Click on the "Pages" or "Posts" tab on the left-hand side of the screen
- Click on the page or post where you want to add the animated icon
- Click on the "Add Media" button
- Click on the "Upload/Insert" button
- Choose the animated icon you created earlier from the available options
- Customize the icon's settings, such as the size and alignment
Step 4: Customizing the Animated Icon
Now that you've added the animated icon to your website, let's customize it to fit your needs. Follow these steps:
- Log in to your WordPress dashboard
- Click on the "Appearance" tab on the left-hand side of the screen
- Click on the "Customize" button
- Click on the "Discount Animated Icons" tab on the left-hand side of the screen
- Click on the "Edit Icon" button next to the animated icon you created earlier
- Customize the icon's settings, such as the animation speed and direction
Conclusion
That's it! With these steps, you should now have a basic understanding of how to use the Discount Animated Icons Set - WordPress Lottie JSON SVG. Remember to experiment with different settings and options to customize your animated icons to fit your website's unique needs. Happy coding!
Here is a complete settings example for Discount Animated Icons Set - Wordpress Lottie JSON SVG:
General Settings
- Icon Set: Select the icon set you want to use (e.g. Material Design, Font Awesome, etc.)
- Icon Size: Set the default icon size (e.g. 16px, 24px, etc.)
- Icon Color: Set the default icon color (e.g. #FFFFFF, #000000, etc.)
Lottie Settings
- Lottie JSON Path: Enter the path to your Lottie JSON file (e.g. /path/to/your/icon.json)
- Lottie Animation Speed: Set the animation speed (e.g. 1x, 0.5x, 2x, etc.)
- Lottie Animation Direction: Set the animation direction (e.g. forward, reverse, etc.)
Animation Settings
- Animation Duration: Set the animation duration (e.g. 1000ms, 500ms, etc.)
- Animation Loop: Set whether the animation should loop or not
- Animation Pause On Hover: Set whether the animation should pause on hover or not
Styling Settings
- Icon Background Color: Set the background color of the icon (e.g. #FFFFFF, #000000, etc.)
- Icon Border Radius: Set the border radius of the icon (e.g. 0px, 5px, etc.)
- Icon Padding: Set the padding of the icon (e.g. 5px, 10px, etc.)
Advanced Settings
- Icon Class: Add a custom class to the icon (e.g. my-icon-class)
- Icon ID: Add a custom ID to the icon (e.g. my-icon-id)
Here are the features of the Discount Animated Icons Set - WordPress Lottie JSON SVG extracted in different lines:
What you get:
• 64 json animated icons • After Effects project for color adjustment • 100% Resizable • Change color and stroke width • Layered design
Compatible with:
• WordPress • Elementor • Divi • WebFlow • BeaverBuilder • Lottie Files • Bodymovin
Included Icons:
• Price Pack (16 animated icons) • Product Pack (16 animated icons) • Payment Pack (16 animated icons) • Statistic Pack (16 animated icons)
Suitable for:
• Icons • Business • Discount • Interface • Web • Json • Svg animation • Lottie animation • Web development • App design • UI • Motion • Bodymovin
Related Products
$39.00
There are no reviews yet.