Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In modern platforms like Figma's distribution tools or CSS flexbox space-between with justify-content start utilities, you'll see this icon when users need to create layouts that emphasize the left side while maintaining proportional spacing. It appears in layout control panels during object arrangement, or in design systems where developers need to achieve left-weighted distribution for content-heavy interfaces, navigation menus, or text-based layouts.

Question 5

What does this icon communicate to users?

Accepted Answer

From a layout hierarchy perspective, the start-distributed pattern communicates more than just 'horizontal spacing' - it specifically indicates reading-flow emphasis that follows natural left-to-right scanning patterns and creates visual entry points for user engagement. This directional emphasis helps in interface design workflows where users need to establish clear visual starting points and guide initial user attention.

Question 6

How do I implement this icon?

Accepted Answer

This icon works effectively in design system implementations where it triggers start-aligned distribution for content elements. Combine it with shadcn/ui's Flex components with justify-start utilities or layout systems requiring left-weighted distribution. The start distribution indicators require clear visual distinction to differentiate start-aligned distribution from centered or end-aligned spacing options.

Align Horizontal Distribute Start Icon

Frequently Asked Questions

Similar Icons