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 content management systems and document editors, this pattern appears in section headers and title blocks. Newsletter builders implement it for email header sections, while page builders such as Elementor and Webflow display it for hero sections and primary content headers requiring visual distinction from subsequent content.

Question 5

What does this icon communicate to users?

Accepted Answer

The solid-top-dashed-bottom pattern communicates more than section boundaries - it specifically represents content hierarchy, the visual weight given to headers, and the structural organization that distinguishes primary headings from subordinate content. This emphasis helps establish clear information architecture.

Question 6

How do I implement this icon?

Accepted Answer

Implement this icon in shadcn/ui layout builders to represent header sections or use in content structure visualizations. The solid top border should convey header emphasis when used in document structuring and layout design tools.

Square Dashed Top Solid Icon

Frequently Asked Questions

Similar Icons