title: Custom Icons with Ionic 5?
body: <p>I recently updated from Ionic 4 to Ionic 5.
  With Ionic 5 the icons received an update too. Apparently however also the mechanism loading the icons changed.</p>
  
  <p>In Ionic 4 it was possible to add <strong>custom icons</strong> like this:
  <a href="https://medium.com/@JordanBenge/how-to-create-custom-ionic-4-icons-af80cc6cc148" rel="noreferrer">https://medium.com/@JordanBenge/how-to-create-custom-ionic-4-icons-af80cc6cc148</a></p>
  
  <p>Add e.g.
  <strong><em>ios-my-custom-icon.svg</em></strong> and <strong><em>md-my-custom-icon.svg</em></strong>
  in an <em>icon</em> folder in the <strong>assets</strong>. Then it was necessary to reference them in the <strong>angular.json</strong> like:</p>
  
  <pre><code> ...
     "assets": [
            ...
            {
              "glob": "**/*.svg",
              "input": "src/assets/icon",
              "output": "./svg"
            },
            ...
     ]
  ...
  </code></pre>
  
  <p>and one could finally call them like the other ion-icons in html:</p>
  
  <pre><code>&lt;ion-icon name="my-custom-icon"&gt;&lt;/ion-icon&gt;
  </code></pre>
  
  <p>However this does not work in ionic 5 anymore.
  Does someone know, how we can now implement custom icons in ionic 5?</p>
  
  <p><strong>EDIT</strong>:
  I realised it is still possible to call them through the src attribute like</p>
  
  <pre><code>&lt;ion-icon src="assets/icon/md-my-custom-icon.svg"&gt;&lt;/ion-icon&gt;
  </code></pre>
  
  <p>However that is not convenient like using the name attribute. Any chance we have some equivalent to the above?</p>