feat(recipes): Custom Vector Icons

[lodev09]

• Closes Recipe for font icons #106
• Implements custom @expo/vector-icons
• Demonstrates how to use vector-icons into ignite instead of png

Feel free to edit flow, copy, etc.

[cdanwards]

@lodev09 Sorry this sat for so long! I'm going to take a look at it this week.

[cdanwards]

@lodev09 the content looks great! I was able to get it working pretty quickly with the instructions. I just left some comments to bring the markdown styles in line with other recipes, as well as our updated use of CNG workflow instead of Prebuild for expo! Thanks for the submission!

[lodev09]

@cdanwards done.. Thanks so much!

[frankcalise]

Thanks for the contribution!

Curious, could we utilize something like this for the font loading rather than downloading font files? Thoughts?

https://github.com/expo/examples/blob/master/with-router-menus/src/app/_layout.tsx#L14-L17

[lodev09]

@frankcalise for sure. The recipe shows downloading these fonts because it's from FontAwesome 6 which is not provided by expo vector icons (since this is a pro version). When using those free ones, it should work as-is following their instruction

[lodev09]

I could add a note in the recipe about skipping the download part if they intend to use those built-in ones.

[frankcalise]

@lodev09 ohh I see, ok that's great! Do you think it's worth adding a note that if the reader was just looking to enhance the Icon component's registry to @expo/vector-icons that's doable already if they follow that doc page?

This way there is the distinction of why this recipe is different from that

[lodev09]

@frankcalise done