fix(refresher): import icons to avoid errors in react and vue

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue Number: resolves #24480

The asset path for Ionicons is not set when using custom elements build. As a result, we cannot lazy load icons internally. We should be using the icon SVG data anyways as it results in additional maintenance overhead (I.e. https://github.com/ionic-team/ionic-framework/blob/main/packages/vue/src/index.ts#L154-L169);

What is the new behavior?

• All ion-icons used internally in refresher-content are now imported rather than referenced by name.
• Note: "lines" is a spinner not an ion-icon, and the spinner SVG data is defined inside of Ionic (not ionicons) so we can leave that as is: https://github.com/ionic-team/ionic-framework/blob/main/core/src/components/spinner/spinner-configs.ts#L83

Does this introduce a breaking change?

• Yes
• No

Other information

Dev build: 6.0.1-dev.1641502305.cfaa4b3

[mamitry]

In which release did this fix get into?

[averyjohnston]

This was in 6.0.2. You can view release notes with a list of merged PRs here: https://ionicframework.com/docs/reference/release-notes

[mamitry]

Thank You