element-hq / element-hq/compound

Support multiple icon rendition

Open
#242 0 comments 0 reactions 0 assignees View on GitHub
A-Design-Tokens T-Task
Dominant language
MDX
Stars
24
Forks
7
PR merge metrics
No merged PRs in 30d

Description

Mostly content created by @janogarcia , adding here for posterity and continuity

----

We need to use some 48px outline icons, but it looked rather chunky (4px stroke weight) when just linearly scaling the default 24px outline icon (2px stroke weight).

# Experimentation

For large outline icons we'll scale down a 48px icon that is set to 3px stroke weight. That way, the resulting outline icons are optically balanced with the default 24px outline icon.

Large Icons

```[tasklist]
### Tasks
- [ ] Create a template for multiple icon rendition in Figma
- [ ] Define a naming convention for rendition
- [ ] Change the build process for Web (one dynamic SVG?)
- [ ] Change the build process for Android (?)
- [ ] Change the build process for iOS (XCode assets?)
- [ ] Update the release script https://github.com/vector-im/compound-design-tokens/blob/main/docs/icons.md
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.