zulip-icons: Move custom icons to shared folder.

docs/THIRDPARTY

@@ -91,7 +91,7 @@ Files: static/third/marked/*
 Copyright: 2011-2013, Christopher Jeffrey
 License: Expat
 
-Files: static/assets/icons/ellipsis-v-solid.svg
+Files: static/shared/icons/ellipsis-v-solid.svg
 Copyright: 2017 Fonticons, Inc.
 License: CC-BY-4.0
 Comment: This icon is picked from Version 5.13.0 of Font Awesome

docs/overview/directory-structure.md

@@ -66,8 +66,8 @@ templating systems.
 
 - `node_modules/` Third-party JavaScript installed via `yarn`.
 
-- `static/assets/` For assets not to be served to the web (e.g. the system to
+- `static/shared/icons/` Icons placed in this directory are compiled
-  generate our favicons).
+  into an icon font.
 
 ---
 

static/assets/icons/zulip-icons.font.js

@@ -3,7 +3,10 @@
 "use strict";
 
 module.exports = {
-    files: ["./*.svg"],
+    files: [
+        "./*.svg", // For web-only icons.
+        "../../shared/icons/*.svg", // For icons to be shared with the mobile app.
+    ],
     fontName: "zulip-icons",
     classPrefix: "zulip-icon-",
     baseSelector: ".zulip-icon",

static/shared/icons/README.md

@@ -0,0 +1,8 @@
+This directory contains icons used by the Zulip web app that are not
+part of Font Awesome 4.7, our default/primary icon font.
+
+Icons placed in this directory are compiled by the web application
+build system into a custom icon font. You can use them in HTML using
+the following syntax:
+
+`<i class="zulip-icon zulip-icon-ellipsis-v-solid">`