Include fallback icon into the build

src/components/Icon.scss

@@ -56,7 +56,7 @@
 
   &--golden {
     .icon__frame {
-      background-image: url('../images/icons/large/gold.png');
+      background-image: url('../images/icon-meta/large/gold.png');
     }
   }
 
@@ -78,7 +78,7 @@
 
   &__frame {
     position: absolute;
-    background-image: url('../images/icons/large/default.png');
+    background-image: url('../images/icon-meta/large/default.png');
     background-repeat: no-repeat;
     background-size: contain;
   }

src/components/Icon.tsx

@@ -18,7 +18,7 @@ export const Icon = React.forwardRef<HTMLDivElement, Props>((props, ref) => {
   const [name, setName] = useState(defaultName)
 
   const bgSize = size !== 'small' ? 'large' : 'medium'
-  const url = name && `https://wow.zamimg.com/images/wow/icons/${bgSize}/${name}.jpg`
+  const url = name && iconUrl(name, bgSize)
 
   const start = Date.now()
 
@@ -51,4 +51,11 @@ export const Icon = React.forwardRef<HTMLDivElement, Props>((props, ref) => {
       {children}
     </div>
   )
-})
+})
+
+const iconUrl = (name: string, size: string): string => {
+  if (name === NOT_FOUND_ICON) {
+    return require(`../images/icons/${size}/${name}.jpg`)
+  }
+  return `https://wow.zamimg.com/images/wow/icons/${size}/${name}.jpg`
+}

src/components/Talent.scss

@@ -45,7 +45,7 @@
     bottom: -1px;
     left: -4px;
     border-radius: 6px;
-    background-image: url('../images/icons/large/default.png');
+    background-image: url('../images/icon-meta/large/default.png');
     background-size: 100%;
 
     &:after {