Mobile app version of vmapp.org
Login or Join
Nimeshi706

: Why should I include padding/margin around icons when I create them? I recently spoke with an engineer who requested that I edit all our existing icons (we have about 50 of them) to remove

@Nimeshi706

Posted in: #Icon #Margin

I recently spoke with an engineer who requested that I edit all our existing icons (we have about 50 of them) to remove the extra margin I was putting around them so it would be easier for her to style the page. I was using the padding/margin for a bit of consistency as I designed the icons but I am wondering if there is any downside to providing engineers icons with no margin (basically the artboard comes right up to all four edges of each icon).

Thanks!

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Nimeshi706

3 Comments

Sorted by latest first Latest Oldest Best

 

@Gloria351

She could be needing the margin removed so she can fit the icons into a specific spot on her page, from there the engineer will be styling the page via CSS.

Edit: presuming the phrase "style the page" means a webpage

10% popularity Vote Up Vote Down


 

@Harper654

You're asking whether there's a downside to doing what the engineer asked?

I sure don't see one. If they make a request to make their job easier and faster, why would you not do that?

Maybe you could include a very tiny padding, like one pixel. Or else do as she asks, and if any icons look bad, call it out at that point.

When a co-worker asks something of me, I try to do it unless there's a strong reason not to. Then when I need something from them, they're more willing to help me out.

10% popularity Vote Up Vote Down


 

@Si6392903

Maintaining a padding within the original file is a good way to make sure every shape gets it’s appropriate margin. Especially when the icon is not symmetrical, simple centering can lead to unbalanced results.

When looking at type, the same applies to kerning. While straight lines need more space between them, curvy shapes can remain closer together.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme