feat: chevron-expand and chevron-collapse icons

[sean-perkins]

What changed

Adds two new icons to ionicons: chevron-expand and chevron-collapse.

The SVG optimization implementation that we built around svgo had issues if you pre-optimized the SVG. I updated the implementation so that we can provide SVGs that already have the fill or stroke set to currentColor, which was required to get the new icons to be compatible with the color property of ion-icon.

Testing

• Clone the branch
• Install dependencies (npm ci)
• Build the project (npm run build)
• Serve the project (npm run start)

You can update the src/index.html template to test that colors work correctly with the new icons (and display variants):

<ion-icon color="warning" name="chevron-expand"></ion-icon>
<ion-icon color="warning" name="chevron-collapse"></ion-icon>
<ion-icon color="warning" name="chevron-expand-sharp"></ion-icon>
<ion-icon color="warning" name="chevron-collapse-sharp"></ion-icon>
<ion-icon color="warning" name="chevron-expand-outline"></ion-icon>
<ion-icon color="warning" name="chevron-collapse-outline"></ion-icon>

You can also view the cheatsheet at the bottom of the index template to see the raw rendering of the SVG.

Other information

Dev-build: 7.0.1-dev.11679510424.1ffdf3ba

[liamdebeasi]

Great job!