Merge branch 'card-empty-icon' into 'develop'

Card: fix empty card icon

See merge request soapbox-pub/soapbox-fe!856

app/soapbox/features/status/components/card.js

@@ -220,7 +220,7 @@ export default class Card extends React.PureComponent {
     } else {
       embed = (
         <div className='status-card__image status-card__image--empty'>
-          <Icon id='file-text' />
+          <Icon src={require('@tabler/icons/icons/file-text.svg')} />
         </div>
       );
     }

app/styles/components/status.scss

@@ -613,13 +613,18 @@ a.status-card {
   background: var(--brand-color--med);
   position: relative;
 
-  & > .fa {
-    font-size: 21px;
+  & > .svg-icon {
+    width: 40px;
+    height: 40px;
     position: absolute;
     transform-origin: 50% 50%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
+    svg {
+      stroke-width: 1px;
+    }
   }
 
   &--empty {