You can also now change the color on SVGs that have been added to Pitch. Select an SVG shape and click on the color swatch. You can select a different color from the color picker or add a new one.
If the color swatch is showing a spark icon, it means the color has not yet been changed. This is called the “Automatic color”.
Once the color is changed, you will see it in the Fill color swatch in the inline editor and design panel. To revert to the original color(s), click on the Automatic color swatch in the color picker.
SVG recoloring works also for multi-color SVGs. In this case, the new color is applied across the entire vector path, that flattens the shape to a single-color shape. Clicking on the Automatic color swatch reverts the SVG to the original multi-colors.
You can also change the SVG to have a gradient color. Open the Design panel and scroll to the Fill color section. Click on the Fill color and click on Gradient.
Click on the Start color and Stop color options to change the fill and adjust the Rotation.
