title: my font awesome icon is not showing. it has worked with other icons but not this one
body: <p>my icon is not showing. i have tried pasting it in the head of my html as a link element but it is still not working.</p>
  <pre><code>&lt;div class=&quot;top-header&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
  
          &lt;div class=&quot;top-header-logo-left&quot;&gt;
       &lt;img src=&quot;./assets/images/space_logo_x2.png&quot; alt=&quot;space.com logo&quot;&gt; 
     &lt;/div&gt;   
  
     &lt;div class=&quot;top-header-right-social-logos&quot;&gt;
      &lt;svg class=&quot;icon-svg&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; width=&quot;24&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; fill=&quot;#3b5998&quot; r=&quot;12&quot;&gt;&lt;/circle&gt;&lt;path d=&quot;m13.079 19h-2.9v-7h-1.441v-2.408h1.442v-1.456c0-1.96.813-3.136 3.136-3.136h1.933v2.408h-1.2c-.91 0-.965.35-.965.966v1.218h2.183l-.257 2.408h-1.931z&quot; fill=&quot;#fff&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
      &lt;svg class=&quot;icon-svg&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; width=&quot;24&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; fill=&quot;#73b4ff&quot; r=&quot;12&quot;&gt;&lt;/circle&gt;&lt;path d=&quot;m19.5 7.425a6.228 6.228 0 0 1 -1.77.465 2.979 2.979 0 0 0 1.35-1.665 6.234 6.234 0 0 1 -1.95.735 3.088 3.088 0 0 0 -5.325 2.07 3.021 3.021 0 0 0 .075.69 8.789 8.789 0 0 1 -6.33-3.165 2.985 2.985 0 0 0 -.42 1.53 3.016 3.016 0 0 0 1.37 2.52 3.082 3.082 0 0 1 -1.394-.39v.045a3.049 3.049 0 0 0 2.474 2.97 3.418 3.418 0 0 1 -1.4.06 3.076 3.076 0 0 0 2.881 2.1 6.233 6.233 0 0 1 -4.561 1.245 8.811 8.811 0 0 0 4.725 1.365 8.622 8.622 0 0 0 8.745-8.625v-.39a6.231 6.231 0 0 0 1.53-1.56z&quot; fill=&quot;#fff&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
      &lt;svg class=&quot;icon-svg&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; width=&quot;24&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; fill=&quot;#de3073&quot; r=&quot;12&quot;&gt;&lt;/circle&gt;&lt;path d=&quot;m18.958 9.116a5.121 5.121 0 0 0 -.336-1.708 3.557 3.557 0 0 0 -2.044-2.044 5.12 5.12 0 0 0 -1.694-.322c-.742-.028-.994-.042-2.884-.042s-2.142.014-2.884.042a5.213 5.213 0 0 0 -1.708.322 3.665 3.665 0 0 0 -2.044 2.044 5.213 5.213 0 0 0 -.322 1.708c-.028.742-.042.984-.042 2.884s.014 2.142.042 2.884a5.12 5.12 0 0 0 .322 1.694 3.44 3.44 0 0 0 .812 1.246 3.4 3.4 0 0 0 1.232.8 5.175 5.175 0 0 0 1.708.336c.742.028.98.042 2.884.042s2.142-.014 2.884-.042a5.082 5.082 0 0 0 1.694-.336 3.456 3.456 0 0 0 2.044-2.044 5.006 5.006 0 0 0 .336-1.694c.028-.744.042-.986.042-2.886s-.014-2.142-.042-2.884zm-1.258 5.712a3.946 3.946 0 0 1 -.252 1.3 2.189 2.189 0 0 1 -.518.8 2.165 2.165 0 0 1 -.8.532 4.641 4.641 0 0 1 -1.3.238c-.742.028-.966.042-2.828.042s-2.1-.014-2.828-.042a3.837 3.837 0 0 1 -1.3-.252 2.258 2.258 0 0 1 -1.334-1.316 3.91 3.91 0 0 1 -.238-1.3c-.028-.742-.042-.966-.042-2.828s.014-2.086.042-2.828a3.787 3.787 0 0 1 .238-1.3 2.445 2.445 0 0 1 1.33-1.334 3.856 3.856 0 0 1 1.3-.238c.742-.028.952-.042 2.828-.042s2.086.014 2.828.042a3.787 3.787 0 0 1 1.3.238 2.445 2.445 0 0 1 1.33 1.33 4.641 4.641 0 0 1 .238 1.3c.027.742.042.952.042 2.828s-.011 2.088-.036 2.83zm-5.7-6.428a3.6 3.6 0 1 0 3.6 3.6 3.6 3.6 0 0 0 -3.6-3.6zm.181 5.929a2.338 2.338 0 0 1 -.362-4.662 2.43 2.43 0 0 1 .362 0 2.338 2.338 0 0 1 0 4.662zm3.557-6.909a.84.84 0 1 1 -.84.84.84.84 0 0 1 .84-.838z&quot; fill=&quot;#fff&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
      &lt;svg class=&quot;icon-svg&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; width=&quot;24&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; fill=&quot;#cd201f&quot; r=&quot;12&quot;&gt;&lt;/circle&gt;&lt;path d=&quot;m19.351 8.978a3.281 3.281 0 0 0 -.6-1.5 2.081 2.081 0 0 0 -1.5-.645c-2.101-.15-5.251-.15-5.251-.15h-.016s-3.134 0-5.25.149a2.19 2.19 0 0 0 -1.485.645 3.275 3.275 0 0 0 -.6 1.5 22.8 22.8 0 0 0 -.15 2.445v1.139a22.854 22.854 0 0 0 .15 2.446 3.263 3.263 0 0 0 .6 1.5 2.437 2.437 0 0 0 1.65.645c1.2.12 5.1.165 5.1.165s3.149 0 5.249-.165a2.072 2.072 0 0 0 1.5-.645 3.268 3.268 0 0 0 .6-1.5 23 23 0 0 0 .149-2.446v-1.138a22.949 22.949 0 0 0 -.146-2.445zm-9.331 5.549v-5.127l4.8 2.52z&quot; fill=&quot;#fff&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
      &lt;svg class=&quot;icon-svg&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; width=&quot;24&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path d=&quot;m24 12a12 12 0 1 1 -12-12 12 12 0 0 1 12 12z&quot; fill=&quot;#f52828&quot;&gt;&lt;/path&gt;&lt;path d=&quot;m19 11h-4v4h-4v4h-4v-12h12z&quot; fill=&quot;#fff&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
      &lt;a href=&quot;https://www.space.com/feeds/all&quot;&gt; &lt;abbr title=&quot;Really Simple Syndication&quot;&gt;RSS&lt;/abbr&gt;&lt;/a&gt;
     &lt;/div&gt;
        
     &lt;div class=&quot;subscribe-dropdown&quot;&gt;subscribe
     &lt;button&gt;
      &lt;i class=&quot;fa-solid fa-square-down&quot;&gt;&lt;/i&gt;
  
     &lt;/button&gt;
     &lt;/div&gt;
  </code></pre>