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 design tools like Figma and Adobe Illustrator, users encounter this icon when reordering layers and changing element stacking. Presentation software including PowerPoint and Keynote implements it for slide object arrangement, while web design tools display it for z-index control and element layering during interface design and layout refinement.

Question 5

What does this icon communicate to users?

Accepted Answer

The overlapping pattern communicates more than simple movement - it specifically represents depth hierarchy, visual stacking order, and the layer control that distinguishes front-to-back positioning in multi-layer compositions. This depth manipulation helps designers control element visibility and overlap relationships.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in design tool layer panels and object arrangement menus where it represents backward layer movement. Position it within shadcn/ui's context menus or toolbar buttons for layer controls. The overlapping rectangles should convey depth ordering when used in design and layout applications.

Send To Back Icon

Frequently Asked Questions

Similar Icons