: What are good small icons for "Distribute objects"? I'm working on a graphic editor where objects on a screen can be positioned. The common cases are covered: align left, align center, move

@Karen819

Posted in: #Alignment #Icon

I'm working on a graphic editor where objects on a screen can be positioned. The common cases are covered: align left, align center, move forward/backward layers, etc.

One way of positioning them that I haven't got an icon for is distribute, which will be three buttons each with an icon, like this:

(H, E, and V are placeholders for the icons I don't yet have.)


One for "Distribute Horizontally", which distributes the selected objects so that their x centers are of equal x distance
One for "Distribute Vertically", which distributes the selected objects so that their y centers are of equal y distance
One for "Distribute Evenly", which distributes the selected objects so that their (x, y) centers are of equal x and y distance


Below is my initial idea for the first, "Distribute horizontally", where the objects are given equal horizontal distance:



But this kind of icon (nevermind this specific icon) doesn't look good at the target size of 16px; you lose the implied behavior and it just becomes three rectangles connected by bars at the top:



Additionally, I cannot find any icon at all for "Distribute evenly", where the horizontal and vertical centers are distributed simultaneously. Is there a good/established free set of icons that represent these three actions?

Vote Up Vote Down

Login to post a comment!