bug: Improve documentation on how to use Ionicons

[christian-bromann]

Current Behavior

Going through the issues I've seen the following theme that mostly indicates a lack of documentation on how to use Ionicons properly:

• Installing and using in NPM and webpack #877
• differentiate between lazy build and custom element, maybe remove lazy all together, refs Icons Not Displaying on Website #1441
• document how to integrate into Angular feat: why its so tough to add icon using npm and angular #1340
• document how to integrate into Reach Using ionicons 5 in react #835
• document how to integrate into Vue Vue syntax links all out of date #1043
• document how to integate when using esbuild bug: esbuild support #1435
• integration into storybook
• bundling icons for offline use #821
• Using with a bundle Using Ionicons with a bundler #1133, dependency on unpkg #648, IonIcons 5 + Ionic 5 + Google App Engine The directory [public/svg] has too many files  #774, No 'Access-Control-Allow-Origin' header is present on the requested resource. #751
• document how to enable SSR support (bug: React SSR hydration error #1404, SSR loading svg elements #886)
• usage of custom icons Enhancement: allow <ion-icon> to use custom icons #535, Usage of custom icons #1013, ionic 4 custom icons #589

Expected Behavior

Update the documentation to respect modern stacks and tools. Make changes in necessary to improve the DX.

Steps to Reproduce

n/a

Code Reproduction URL

No response

Additional Information

No response