Move symbols to its own cacheable file. Fixes #809 (#862)

[lemmy-ui.git] / src / shared / components / common / icon.tsx

diff --git a/src/shared/components/common/icon.tsx b/src/shared/components/common/icon.tsx
index f922e175e88cd4051b1e6625ee12d1da7d5bfdac..be2cc57b429a4193dbdcc74f952c4e991f60a2b2 100644 (file)
--- a/src/shared/components/common/icon.tsx
+++ b/src/shared/components/common/icon.tsx
@@ -22,7 +22,9 @@ export class Icon extends Component<IconProps, any> {
           small: this.props.small,
         })}
       >
-        <use xlinkHref={`#icon-${this.props.icon}`}></use>
+        <use
+          xlinkHref={`/static/assets/symbols.svg#icon-${this.props.icon}`}
+        ></use>
         <div className="sr-only">
           <title>{this.props.icon}</title>
         </div>