أيقونات graphic متحركة
48 أيقونة متحركة
كل أيقونة graphic أدناه تؤدي حركة من محرّك الأيقونات. بدّل الحركة للصفحة كلها، ثم نزّل أي أيقونة بصيغة SVG متحرك أو GIF أو WebP أو Lottie، أو افتحها في المحرّك لضبطها.
Graphicنبض
Graphicطفو
Graphicنبض
Graphicنبضة قلب
Graphicظهور
Graphicارتداد
Graphicرجّ
Graphicنبض
Graphicرجّ
Graphicظهور
Graphicرجّ
Graphicاهتزاز
Graphicاهتزاز
Graphicارتداد
Graphicتأرجح
Graphicاهتزاز
Graphicطفو
Graphicطفو
Graphicارتداد
Graphicنبضة قلب
Graphicنبضة قلب
Graphicرجّ
Graphicنبضة قلب
Graphicتأرجح
Graphicظهور
Graphicطفو
Graphicنبض
Graphicارتداد
Graphicتأرجح
Graphicطفو
Graphicطفو
Graphicطفو
Graphicنبضة قلب
Graphicنبضة قلب
Graphicتأرجح
Graphicاهتزاز
Graphicنبض
Graphicظهور
Graphicاهتزاز
Graphicظهور
Graphicتأرجح
Graphicتأرجح
Graphicارتداد
Graphicنبض
Graphicنبضة قلب
Graphicارتداد
Graphicطفو
Graphicارتداد
صيغ أيقونات graphic المتحركة
SVG متحرك
الأيقونة مع حركتها كـ CSS داخل الملف. تعمل في كل المتصفحات كصورة أو مضمّنة، تبقى حادة بأي حجم ووزنها بضعة كيلوبايتات.
GIF وWebP
ملفات نقطية للعروض والمحادثات والبريد ومنشورات التواصل. يفتح GIF في كل مكان؛ وWebP المتحرك أصغر بشفافية ناعمة.
Lottie JSON
للتطبيقات والمواقع التي تستخدم lottie-web أو React Native أو After Effects. متجه وصغير وقابل للبرمجة.
الحركات: نبض, ارتداد, اهتزاز, طفو, تأرجح, نبضة قلب, ظهور, رجّ, دوران, تلاشٍ, انزلاق, رسم. حرّك أيقونتك الخاصة ←
نعم. المعاينات وتنزيلات SVG المتحرك مجانية؛ وتتبع ملفات GIF وWebP وLottie إعدادات التنزيل في الموقع وقد تطلب تسجيل الدخول.
SVG متحرك وGIF وWebP متحرك وLottie JSON. افتح الأيقونة في المحرّك للحصول على MP4 وdotLottie وملصقات تيليجرام.
أضفه كأي صورة: <img src="icon.svg">. الحركة CSS داخل الملف، فتعمل بلا سكربت. ضمّن SVG مباشرة إن أردته أن يتبع لون النص.
نعم. افتح الأيقونة في المحرّك لتغيير الحركة والسرعة والشدة والأجزاء المتحركة، ثم نزّلها من هناك.