[Enhancement] custom sized icons

[ ] I have written a good issue

Describe the enhancement

Problem

I'd like to use an icon in a different aspect ratio than the regular 1:1. I cannot interact with ion-icon as intended by providing styling directly as advised reading the documentiation on https://github.com/ionic-team/ionicons

I'd like to use kirby icon for convenience not having to implement icon registry alongside kirby.

Therefore I would like to have a property to set a fixed size for icons.

Describe the solution you'd like

I think that an optional property on icon.component.ts to force size would be ideal. eg

  @Input() forceSize?: {
    width: number,
    height: number
  };

and then pass these properties along to ion-icon

Have you considered any alternatives?

Are there any additional context?

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

[ ] Request that the issue is UX refined; do not proceed until this is done.
[ ] Request that the issue is tech refined; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

[ ] Make sure you have read: "Before you get coding".
[ ] Signal to others you are working on the issue by assigning yourself.
[ ] Create a branch from the develop branch following our branch naming convention.
[ ] Publish a WIP implementation to Github as a draft PR and ask for feedback.
[ ] Make sure you have implemented tests following the guidelines in: "The good: Test".
[ ] Update the cookbook with examples and showcases.

Review

Once the issue has been implemented and is ready for review:

[ ] Do a self-review.
[ ] Create a pull-request. If you created a draft PR during implementation you can just mark that as "ready for review".

kirbydesign / designsystem