Icon: Remove hardcoded color from ai icon

[ashharrison90]

What is this feature?

• removes the hardcoded color from the ai icon and leaves it up to the consumer to implement
• there are 2 places this will affect in the grafana org:
  • GenAIButton these are all used within primary buttons anyway, so they get the color reapplied for free ✅
  • ExplanationButton and Explanation in the ml app. this will change to white:

    before
    after

    • the workaround would be to pass the full icon component in to the button and specify the color, so:

    // before
    <Button icon="ai" ... />
    
    // after
    <Button icon={<Icon name="ai" color={theme.colors.primary.main} />} ... />

    • have raised it with the ML team and they're happy to either leave it white or make the change 👍

Why do we need this feature?

• so people can set the color of the ai icon correctly

Who is this feature for?

• everyone

Which issue(s) does this PR fix?:

Fixes #

Special notes for your reviewer:

Please check that:

• It works as expected from a user's perspective.
• If this is a pre-GA feature, it is behind a feature toggle.
• The docs are updated, and if this is a notable improvement, it's added to our What's New doc.

[joshhunt]

Should the shapes still be partly transparent?

[ashharrison90]

good question - this is the icon i was given, so i guess not? 🤔

cc @staton-hyse11

[staton-hyse11]

It would be good to unify with the rest of our icons and have it solid - no transparencies

[ashharrison90]

@Clarity-89 do i also have to update this icon in the @grafana/icons package? 🤔

[Clarity-89]

@Clarity-89 do i also have to update this icon in the @grafana/icons package? 🤔

You can replace the file in the package's svg folder with the updated svg and it'd be enough.