Even if it is a very limited library, it is the lightest and will not negatively impact your website. This icon will appear within the content you are implementing. Get started, freeCodeCamp is a donor-supported tax-exempt 501(c)(3) nonprofit organization (United States Federal Tax Identification Number: 82-0779546). First of all, I recommend you take a look at whether your theme already uses an icon library, as if yes, you could already use the existing one or get rid of it to stay with Ionicons only. The first step is to install react-native-ionicons NPM package in your current react native project Root directory. Share. It is a highly readable language that can be easily extended using C++ language. Join my mailing list to get tips that will help you improve your Flutter development skills, and get notified when I publish a new article. Remember that it is not the only icon library available, there are others like the Font Awesome, IcoFon, Fontello, IcoMoon etc. Watch later. After that has been done, you then run a ng --version to check for the version of Angular you have installed. Except for the logo, you can use outline and sharp variants by appending -outline or -sharp to the name. We use the ng new name-of-my-incredible-app command, it allows us to create an Angular application. Subscribe to my newsletter or leave your comment below. Copy link. I have had to work on a lot of Angular apps recently and Font Awesome has literally tired me out. I am Father of a Son, blessed with a pious wife. Just make sure you use the next version of ionicons: npm install --save ionicons@next, add { name: 'ionicons' } to collections array in stencil.config.js and then just use the icons as described Ionicons have both Material Design and iOS options. Ionic Framework can be included from a CDN for quick testing in a … I know the docs say in IonicFramework to use