Updates points icon

[marcellamaki]

Description

Updates the icon set to include the updated points icon, aligned with the new brand

Before/after screenshots

New points icon (and "inactive" points icon has been removed)

Changelog

• [Updates points icon #630]
  • Description: Updates the svg for the pointsLeafActive, and removes the pointsLeafInactive (which is not used anywhere in Kolibri,
  • Products impact: Relevant for Kolibri
  • Addresses: Figma specs for new theme
  • Breaking: Will this change break something in a consumer? No
  • Impacts a11y: No
  • Guidance: This should be a seamless update with no changes required.

[#PR no]: PR link

Steps to test

1. Pull PR locally
2. Run yarn run dev to run local server
3. Navigate to "icons" library at http://localhost:4000/icons

(optional) Implementation notes

Does this introduce any tech-debt items?

Not in and of itself, but there is some corresponding cleanup in Kolibri to remove the references to pointsLeafInactive, although it was not actually being used anywhere, already.

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change is described in the changelog section above

After review

• The changelog item has been pasted to the CHANGELOG.md

[AlexVelezLl]

Hi @marcellamaki! Everything looks good, but in the svg icon, at the end of the <path> tag there is a fill="black" property that should be removed.

<svg ... >
<path fill-rule="evenodd" ... fill="black" <- this property />
</svg>

With this property there we cant add custom colors to the icon. After doing this we should be able to see the pointsActive icon with custom colors

[marcellamaki]

Ah good catch thank you @AlexVelezLl. I've updated

[AlexVelezLl]

LGTM, thanks @marcellamaki!