شما می‌توانید با استفاده از فریمورک‌هایی مانند Animate.css یا Wow.js آیکون‌های متحرک بسازید. این فریمورک‌ها، شامل کد‌های CSS و JavaScript هستند و در هر قالب وب به‌راحتی قابل استفاده هستند. با استفاده از این فریمورک‌ها، می‌توانید به‌راحتی انواع انیمیشن‌ها را به آیکون‌های خود اضافه کنید.

در صورتی که مایلید، من یک نمونه کد برای آیکون متحرک با استفاده از کلاس‌های Animate.css برای شما ارائه می‌دهم:

ابتدا، از سایت Animate.css فایل CSS این فریمورک را دانلود و در کد HTML خود قرار دهید. سپس، می‌توانید با تعریف کلاس‌های مختلف (مانند animated, bounce, delay-2s و غیره) انواع انیمیشن‌های مختلف را به آیکون‌های خود اعمال کنید. به عنوان مثال، کد زیر یک آیکون متحرک با انیمیشن Bounce فراهم می‌کند:

<i class="fas fa-heart animated bounce delay-2s"></i>

همچنین، می‌توانید با استفاده از کتابخانه Wow.js نیز انیمیشن‌های جالبی برای آیکون‌هایتان ایجاد کنید. این کتابخانه JavaScript از Animate.css استفاده می‌کند و به شما اجازه می‌دهد که برای ظهور انیمیشن‌ها در هنگام پیمایش صفحه از تنظیمات مختلفی استفاده کنید. در صورتی که مایلید، می‌توانید به سایت Wow.js مراجعه کرده و نمونه کد‌های آن را مشاهده کنید.

با انتخاب فریمورک مناسب، می‌توانید با استفاده از کلاس‌های آماده و تنظیمات مختلف، آیکون‌های متحرک جذابی را برای وب‌سایت خود ایجاد کنید.

بیش از 2000 آیکون متحرک برای ایجاد بهترین پروژه های طراحی. در قالب JSON , Lottie، GIF، SVG After Effects ,PNG,MP4 موجود است.