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 Sketch, users encounter this icon when selecting portrait artboard orientations and mobile device templates. Social media platforms including Instagram Stories and TikTok implement it as the primary content format, while mobile app development tools such as Xcode and Android Studio display it for device preview orientations and responsive layout testing.

Question 5

What does this icon communicate to users?

Accepted Answer

From a mobile-first perspective, the vertical shape communicates more than basic rectangle geometry - it specifically represents smartphone-native layouts, social media story formats, and the thumb-friendly vertical scrolling patterns that dominate modern mobile user behavior. This orientation helps users recognize content optimized for handheld device viewing.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in layout selection interfaces and orientation controls where it represents portrait formats and vertical arrangements. Combine it with shadcn/ui's Toggle components for orientation switching or RadioGroup components for format selection alongside horizontal options. The tall rectangle should convey portrait orientation when used in design tools to help users choose mobile-optimized layout directions.

Rectangle Vertical Icon

Frequently Asked Questions

Similar Icons