Add color theme support to play, restart, pause, stop icons

[jmuzina]

@omarelkashef requested via Mattermost thread to add color theme support to the play, restart, pause, and stop icons.

These icons are already in Vanilla, but they were added before all of our icons supported theming. They need to follow the themed icon mixin architecture, detailed by @bartaz :

• vf-icon-NAME-url() - is a function that returns data URL of the SVG generated with the passed color (white/black)
• vf-icon-NAME() - is a legacy mixin for components that want to change the color of the icon, and not depend on the theme
• vf-icon-NAME-themed - is a themed version of the icon, that will automatically respect the theme set on the parent component

Here is an example of an icon with proper theme support.

[syncronize-issues-to-jira]

Thank you for reporting your feedback to us!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-31531.

This message was autogenerated

[HNOONa-0]

Hey @jmuzina, can i work on this?

[jmuzina]

Hey @jmuzina, can i work on this?

Hey @HNOONa-0 thanks for the interest, I've taken care of this myself with #5702 as the process for adding icons and the process for migrating between our older less themeable icons and newer more themeable icons is not entirely clear at the moment. I'll add the steps to #5701 so that it's easier for others with less context to take on the work for other icons in the future :)