تعديل اتجاه أسهم الأيقونة في HTML - CSS قوالب ووردبريس

إذا كانت عبارة عن أيقونة يمكنك تنسيقها بواسطة CSS

.demo {
  transform: rotate(180deg);
}

استبدل .demo بالمحدد الخاص بالأيقونة

هل يمكنك إرفاق شيفرة HTML التي تقوم بعرض هذا المحتوى؟ مثلا ربما القالب يستخدم font awsome فنقوم بتبديل الأصناف classes 

مثلاً، الشيفرة التالية تعرض سهم مزدوج لليمين فعند عكس جهة القالب، يفترض أن نبدل الأيقونات

<i class="fas fa-angle-double-right"></i>

والأيسر سيكون:

<i class="fas fa-angle-double-left"></i>

ويمكن تعديل dir اتجاه العنصر الحاوي لهم بوضع اتجاه محدد

<div dir="rtl">
  <i class="fas fa-angle-double-right"></i>
  نص للتجريب
  <i class="fas fa-angle-double-left"></i>
</div>

عليك التأكد من مصدر الأيقونة و تنفيذ نفس المنطق، أيقونة فونت أوسم للسهم المزدوج الأيسر هنا كمثال

جزاكما الله خيرا، فتحتما لي آفاق البحث ووجدت الحل متعلق بكود fontawesome css - f100 & f101 وباستبدالهما نصل للمطلوب.