Icon sizes that pull in different paths

[codepretty]

Feature Request

We have a lot of icons that are made for particular sizes. Due to how SVGs scale, it is not always optimal to just use css for scaling sometimes a different icons is needed.

Problem description

We have the ability to set a size on an icon and adjust the size with css
<Icon name="chevron" size="small" />

But there are a number of icons that are designed to use a different SVG or paths for different sizes.

Proposed solution

The Icon API should remain the same, but if an icon has a smaller version (either new SVG or paths or ??) then it should use that. If not, then it should scale via css.

Use case

We need to add chevrons of different sizes. And instead of adding them as completely different assets SVGs with names like chevron-medium and chevron-small, it would be nice to let the person using the SVG just used the size prop to pull in the correct asset.

[codepretty]

@kuzhelov thank you for doing this work! does this mean the chevron icon is updated to use the different paths or svg when size is set?