diff --git a/common/lib/xmodule/xmodule/js/fixtures/video.html b/common/lib/xmodule/xmodule/js/fixtures/video.html
index 7dd54c16fa7f..988b992a3f79 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video.html
@@ -11,7 +11,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <div class="video-player">
               <iframe id="id"></iframe>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_all.html b/common/lib/xmodule/xmodule/js/fixtures/video_all.html
index 8b168ddbfbf9..f11ce8abad30 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_all.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_all.html
@@ -12,7 +12,7 @@
           <div class="tc-wrapper">
             <article class="video-wrapper">
               <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
-              <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
+              <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
               <div class="video-player-pre"></div>
               <section class="video-player">
                 <div id="id"></div>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance.html b/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance.html
index bbc07e5afbf6..e691795adde7 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance.html
@@ -13,7 +13,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <section class="video-player">
               <iframe id="id"></iframe>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance_disabled.html b/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance_disabled.html
index fa834fd1a380..d5fea7a1270c 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance_disabled.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_autoadvance_disabled.html
@@ -13,7 +13,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <section class="video-player">
               <iframe id="id"></iframe>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_hls.html b/common/lib/xmodule/xmodule/js/fixtures/video_hls.html
index 0145969809a8..ed6d4fd7806d 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_hls.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_hls.html
@@ -11,7 +11,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <section class="video-player">
               <div id="id"></div>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_html5.html b/common/lib/xmodule/xmodule/js/fixtures/video_html5.html
index e7dcbde04d2b..d40583551c84 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_html5.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_html5.html
@@ -11,7 +11,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <section class="video-player">
               <div id="id"></div>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_no_captions.html b/common/lib/xmodule/xmodule/js/fixtures/video_no_captions.html
index f31e07f0ca42..a22ba9b86988 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_no_captions.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_no_captions.html
@@ -11,7 +11,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <section class="video-player">
               <iframe id="id"></iframe>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_with_bumper.html b/common/lib/xmodule/xmodule/js/fixtures/video_with_bumper.html
index b7c557b9f73c..8cebe628df8c 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_with_bumper.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_with_bumper.html
@@ -13,7 +13,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <section class="video-player">
               <iframe id="id"></iframe>
diff --git a/common/lib/xmodule/xmodule/js/fixtures/video_yt_multiple.html b/common/lib/xmodule/xmodule/js/fixtures/video_yt_multiple.html
index c6290989db13..247cde813d27 100644
--- a/common/lib/xmodule/xmodule/js/fixtures/video_yt_multiple.html
+++ b/common/lib/xmodule/xmodule/js/fixtures/video_yt_multiple.html
@@ -11,7 +11,7 @@
         <div class="tc-wrapper">
           <article class="video-wrapper">
             <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
             <div class="video-player-pre"></div>
             <section class="video-player">
               <iframe id="id1"></iframe>
diff --git a/lms/templates/ux/reference/fragments/unit-fragment.html b/lms/templates/ux/reference/fragments/unit-fragment.html
index 0bddc4d9a940..fcd5b7989edf 100644
--- a/lms/templates/ux/reference/fragments/unit-fragment.html
+++ b/lms/templates/ux/reference/fragments/unit-fragment.html
@@ -266,7 +266,7 @@
 &lt;div class="tc-wrapper"&gt;
 &lt;div class="video-wrapper"&gt;
 &lt;span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"&gt;&lt;/span&gt;
-&lt;span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"&gt;&lt;/span&gt;
+&lt;span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="Play video"&gt;&lt;/span&gt;
 &lt;div class="video-player-pre"&gt;&lt;/div&gt;
 &lt;div class="video-player"&gt;
 &lt;div id="0b9e39477cf34507a7a48f74be381fdd"&gt;&lt;/div&gt;
@@ -673,7 +673,7 @@ <h3 class="hd hd-2">Welcome!</h3>
                     <div class="tc-wrapper">
                         <div class="video-wrapper">
                             <span tabindex="-1" class="spinner" aria-hidden="true" aria-label="Loading video player"></span>
-                            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
+                            <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
                             <div class="video-player-pre"></div>
                             <div class="video-player">
                                 <iframe id="0b9e39477cf34507a7a48f74be381fdd" frameborder="0" allowfullscreen="1" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/b7xgknqkQk8?controls=0&amp;wmode=transparent&amp;rel=0&amp;showinfo=0&amp;enablejsapi=1&amp;modestbranding=1&amp;cc_load_policy=0&amp;html5=1&amp;origin=http%3A%2F%2Flocalhost%3A8000&amp;widgetid=1" tabindex="-1" style="height: 641.25px; width: 1140px; top: 19.875px; left: 0px;"></iframe>
diff --git a/lms/templates/video.html b/lms/templates/video.html
index 51fcddd3eabc..a1d272b393f1 100644
--- a/lms/templates/video.html
+++ b/lms/templates/video.html
@@ -24,7 +24,7 @@ <h3 class="hd hd-2">${display_name}</h3>
     <div class="tc-wrapper">
       <div class="video-wrapper">
           <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
-          <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
+          <span tabindex="-1" class="btn-play fa-brands fa-youtube fa-2x is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
           <div class="video-player-pre"></div>
           <div class="video-player">
               <div id="${id}"></div>