【React】OnsenUIでIoniconsアイコンが表示されない

OnsenUI の <Icon /> を利用してアイコンを表示させようとした時、Ionicons が表示されない時の対処法です。
なお、表示されなかった端末はは iOS です。

公式サイトはこちらから。

Icon React Component – Onsen UI Framework – Onsen UI
https://ja.onsen.io/v2/api/react/Icon.html

で、サンプルコードによると、下記のように指定すれば、アイコンが表示されるとのことでしたが、私の環境では表示されませんでした…。

<Icon
  icon={{default: 'ion-navicon', material: 'md-menu'}} />

そのため、GitHub でサンプルコードがないか調べたところ、下記のページを発見しました。

https://github.com/OnsenUI/OnsenUI/blob/master/bindings/react/examples/components/Icon.js

このページに掲載されていたサンプルだと、下記のように記述されていました。

<ons-icon
  icon='ion-ios-brush, material:md-edit'
  size='20px, material:20px' />

なのでこちらを参考にコードを下記のように修正したところ、アイコンが表示されるようになりました！

<Icon
  icon={{default: 'ion-ios-add', material: 'md-plus'}} />

まだ Android での見た目は確認していませんが、問題がなければこれで解決です！
サンプルコードとは異なる書き方なのが少々気になりますが…表示できたのでOKとします。

以上、OnsenUI で Ionicons アイコンを表示しようとするときに、iOS で表示されない時の対処法でした。
ご参考になれば幸いです。