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 Sketch's alignment tools or web development frameworks with flexbox end alignment utilities, you'll see this icon when users need to align elements to the bottom edge of their containers. It appears in layout control panels during object positioning, or in design applications where developers need to create consistent baseline alignment for text elements, buttons, or card components across interface layouts.

Question 5

What does this icon communicate to users?

Accepted Answer

From a layout hierarchy perspective, the bottom edge alignment communicates more than just 'horizontal positioning' - it specifically indicates foundation-based arrangement that creates visual stability and grounded appearance. This foundation emphasis helps in interface design workflows where users need to establish strong visual anchors and consistent baseline relationships between interface elements.

Question 6

How do I implement this icon?

Accepted Answer

This icon works effectively in design toolbar implementations where it triggers bottom-edge alignment actions. Combine it with shadcn/ui's ToggleGroup components for alignment mode selection or layout utilities for consistent bottom alignment. The bottom edge line requires clear emphasis in design interfaces to ensure the bottom alignment direction is immediately distinguishable from top or center alignment options.

Align End Horizontal Icon

Frequently Asked Questions

Similar Icons