Animated Icons
Icon marks that move, built as plain SVG and CSS keyframes. Drop one in a page and it runs.
* Previews are GIF recordings. The icons you download are SVG and stay sharp at any size.
AI
Controls
Vision
Transfer
Commerce
Feedback
Interface
Weather
Simple pricing
Preline Pro Pricing
Get lifetime access to downloadable Preline Pro blocks, templates, AI Prompts, and animated icons for unlimited Tailwind CSS projects, with free future updates. Preline MCP launch access is included through January 1, 2027.
Open Source
Free access to the open-source library for unlimited projects and developers.
- Unlimited Projects
- Unlimited Developers
- Lifetime access Lifetime access to all free downloadable components, blocks, templates, and AI Prompts
- Free Updates
- AI Prompts New
- Access to all free 640+ components
- Access to 189 Blocks
- Download 5 premium templates with 5 main pages
- Free Figma Design System
- Community Support
- Re-Distribution Redistribution is allowed under the MIT and Fair Use licenses when attribution and license notices are preserved.
Pro
Perfect for Solo Developers with unlimited personal and commercial projects.
- Unlimited Projects
- Single Developer
- Lifetime access Lifetime access to downloadable components, blocks, templates, AI Prompts, and Animated Icons
- Free Updates
- AI Prompts New
- Access to all free 640+ components
- Access to all 780+ Blocks
- Download all 21 premium templates with 207 pages
- Free Figma Design System
- 35 Animated Icons New
- General Support Priority general support for account, license, and product guidance. Does not include technical support, debugging, or custom implementation.
- No Re-Distribution Redistribution, public sharing, and use in derivative themes or 'generators' are prohibited. For details, check our license page.
- Preline MCP New Included free through January 1, 2027 Preline MCP is a hosted AI service. Free access is included through January 1, 2027. A subscription is required afterward. Rate limits may apply.
Team
Ideal for small to medium teams for any number of commercial projects.
- Unlimited Projects
- Up to 15 Developers
- Lifetime access Lifetime access to downloadable components, blocks, templates, AI Prompts, and Animated Icons
- Free Updates
- AI Prompts New
- Access to all free 640+ components
- Access to all 780+ Blocks
- Download all 21 premium templates with 207 pages
- Free Figma Design System
- 35 Animated Icons New
- General Support Priority general support for account, license, and product guidance. Does not include technical support, debugging, or custom implementation.
- No Re-Distribution Redistribution, public sharing, and use in derivative themes or 'generators' are prohibited. For details, check our license page.
- Preline MCP New Included free through January 1, 2027 Preline MCP is a hosted AI service. Free access is included through January 1, 2027. A subscription is required afterward. Rate limits may apply.
Enterprise
Built for Re-Distribution, perfect for teams and projects of all sizes.
- Single Project
- Unlimited Developers
- Lifetime access Lifetime access to downloadable components, blocks, templates, AI Prompts, and Animated Icons
- Free Updates
- AI Prompts New
- Access to all free 640+ components
- Access to all 780+ Blocks
- Download all 21 premium templates with 207 pages
- Free Figma Design System
- 35 Animated Icons New
- SLA & Priority Support
- Re-Distribution In custom cases and under specific license terms and conditions, redistribution of Preline Pro may be permitted, depending on your project's specifics.
- Preline MCP New Included with Enterprise deployment
Standard local taxes and VAT may apply, following the laws of your country.
Animated Icons FAQs
What are Preline Animated Icons?
Preline Animated Icons are motion-ready icon marks built as standalone SVG files with CSS keyframes embedded in each file. Add one to a page and its animation runs automatically.
What files do I receive?
You receive scalable SVG source files. The gallery uses GIF recordings only for previews, while the downloadable icons stay sharp at any size.
Do animated icons require JavaScript?
No. Each icon uses plain SVG and CSS keyframes, so the motion runs without a JavaScript plugin or initialization script.
Can I customize the size, color, and animation?
Yes. SVG keeps the icons crisp as you resize them, currentColor lets inlined icons inherit your interface color, and the embedded CSS can be edited to adjust timing and motion.
Can I use animated icons with Tailwind CSS and JavaScript frameworks?
Yes. The icons are standalone SVG and CSS, so you can use them in Tailwind CSS projects and framework applications wherever SVG assets are supported.
Are Animated Icons included with Preline Pro?
Yes. The animated SVG source files are included with Preline Pro, and you can browse the complete set of motion previews on this page before getting access.