`*-half` icons should have consistent filled side
See original GitHub issueAll of the fill
’ed versions of icons should be consistently filled on the left side.
Some filled Icons have the right side filled, where as the majority are left filled (ie. diamond, circle, triangle and square should be left filled)
Perhaps all *-half
fill icons should be filled on the left, and maybe have an alt *-half-right
version filled on the right?
Use-case example: ratings widget which shows #.5
rating. LTR would use the default half icon (*-half
), while RTL could use the *-fill-right
version). Typically users would want the star icons, but may use other icons for this purpose.
/cc @mdo
(context: working on a rating component that allows users to select their base icon, and noticed the inconsistent half side being filled)
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:5 (2 by maintainers)
Top Results From Across the Web
UI cheat sheet: Icon categories + icon style reference guide
Sharp icons are often based on their brethren, the glyph/filled/solid icons, except these ones have sharp edges. While most icons have a slight ......
Read more >Desktop icons move from main screen to extended screen ...
I have all my desktop icons arranged on the laptop screen which is set to be Main Display. New Problem: When I plug...
Read more >Layout - Foundations - Human Interface Guidelines - Design
Using a consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games...
Read more >What the Half-Moon Icons Mean on Your iPhone
The half-moon icon on your iPhone means you've enabled Do Not Disturb, or muted a specific conversation in Messages. Here's what you need...
Read more >How to customise presentation icons in PowerPoint
Remove the outline colour and pick your fill colours. Colours that are one shade apart work well for this style. The icon must...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Addressed in #249. I never actually exported the new half icons, sorry! And I’ve added book to the mix, too, since I had previously only done the shapes.
Have fixed this in Figma and will re-export for the the next alpha. Good call.