To anyone who stumbles across this post in the future, the fix can be found here:
TLDR - put your custom SVGs in the public/assets/icons/ directory of your project. From there you can reference them however you like. I decided to stick with the addIcon() function approach to keep my SVG icons organized and in one place. This also allows me to utilize the name property of the <ion-icon> component.