square dashed top solid icon

Common uses

• Placeholder for an image or content block
• Dashed border around a selectable area
• Indication of a collapsible or expandable section

Use it in React

npm i @hugeicons/react @hugeicons/core-free-icons

import { HugeiconsIcon } from '@hugeicons/react';
import { SquareDashedTopSolidIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={SquareDashedTopSolidIcon} size={24} strokeWidth={1.5} />

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

dashed squareplaceholder squaretop border iconframe icon

FAQ

What does the square dashed top solid icon represent?

This icon visually represents a square with a dashed line on its top edge. It's commonly used for placeholders, dashed borders, or to signify incomplete or expandable sections.

How do I use this icon in React?

Import the icon and then render it using the HugeiconsIcon component: import { HugeiconsIcon } from '@hugeicons/react'; import { SquareDashedTopSolidIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={SquareDashedTopSolidIcon} />.

What is the license for this icon?

The SquareDashedTopSolidIcon is distributed under the MIT license, which allows for free use in both personal and commercial projects.

Related icons

The same idea in other libraries, and near matches in HugeIcons.