Rounded Corner Top Left (+ other 3)

[SintijaPotaicuka]

Before submitting a new icon contribution, please confirm the following:

• [X] I have searched all issues to make sure there isn't a request for this icon.
• [X] I have searched the current library to make sure the icon doesn't already exist.
• [X] I understand that brand icons are no longer being added and I can use SimpleIcons for my brand icon needs.
• [X] I have followed the Material guidelines for system icons.

Tell us about your contribution.

I am looking into designing a "Designer panel" and need to display corner radius values. Inspiration is taken from Figma, border-radius generators, and this dribble shot: https://dribbble.com/shots/14763903-Belder-Web-Builder-Dashboard

Share a preview of your contribution.

Upload the icon source.

rounded-corner-top-left.svg.zip

[mririgoyen]

I wonder if this icon (and the other 3) are too obscure by themselves and instead we should use border-radius with the appropriate corner rounded and the other square. Thoughts?

[SintijaPotaicuka]

I see your point. They should not be used without context or even separately. My use case is this:

[Templarian]

Grouping these and closing the others so we can keep it organized.

• 6517

• 6516

• 6515

[Templarian]

By the way as suggested I think are good additions. The problem with rendering some right angles and others not.

• border-radius - Exists
• border-radius-none - All right angles
• border-radius-top-left - 1 rounded, 3 right angles
• border-radius-top-right - ^
• border-radius-bottom-left - ^
• border-radius-bottom-right - ^
• border-radius-top-left-variant - As requested and contributed (naming?)
• border-radius-top-right-variant
• border-radius-bottom-left-variant
• border-radius-bottom-right-variant