Templarian
anvil-outline
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 wanted an alternative to the existing anvil icon with a lighter outlined style
Share a preview of your contribution.
Upload the icon source.
The material guidelines suggests "If an icon requires complex details, subtle adjustments can be made to improve its legibility. " and gives two examples of icons using 1.5px, the paperclip (entirely 1.5px) and the ramen bowl (mixed 2px and 1.5px). I started with entirely 2px, but it makes the interior of that shape overly closed-off and messes with the balance of the icon so I moved it to 1.5px. The all-2px version makes the horn appear thicker than the rest of the icon, especially at small sizes, with not even a full empty pixel of internal space. 1.5px for that element makes it appear more visually consistent with proper internal spacing. I've attached an image of a 2px version for comparison:
I'm also attaching a comparison with the solid version. I tried to keep it visually consistent but I think it's useful to highlight differences.
Yes...but it also doesn't allow to mix the two; both 1px and 2px spacing in the same icon. What if the horn was filled in. And we also try to keep the two consistent with shapes as they are sometimes toggles on UX. So when a user clicks the icon there will be a slight shift. Sometimes this is unavoidable.
Don't get me wrong, I thank you for your efforts and I like how you are thinking this through. And it may result in us changing the default anvil icon to match the outline of this one.
I was following the guidelines here but realize they might not exactly match the guidelines used within this community:
https://m3.material.io/styles/icons/designing-icons
Is there another guide you recommend?
1.5px outline as well as shrinking the step of the anvil to 1.5 pixels as well; whilst maintaining the original shape.
Comparison
I think the solid horn approach works, but if reworking the existing anvil is in the cards I would suggest the following:
It reworks the curves to utilize 45° angles and circular arcs that are more consistent with the Material look.
Another option if we are more willing to break with the existing general silhouette. This better sticks to recommended icon sizes/dimensions, and it's better centered visually, but is a bigger departure from the existing icon:
and files: anvil_reworkB.svg.zip anvil-outline_reworkB.svg.zip