What is the RectangularIcon used for?

It's a basic geometric shape often used for structural elements, containers, or placeholders in UI design.

How do I use RectangularIcon in React?

Import both HugeiconsIcon and RectangularIcon, then render .

What is the license for this icon?

The RectangularIcon is available under the MIT license.

rectangular icon

HugeIcons · RectangularIcon · MIT

The HugeIcons rectangular icon is a simple geometric shape representing a rectangle, commonly used to denote areas, containers, or basic structural elements in user interfaces.

Common uses

Background element for cards
Placeholder for content blocks
UI layout divider

Use it in React

Install

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

Import & render

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

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

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: squareboxrectangle outlineshape

FAQ

What is the RectangularIcon used for?: It's a basic geometric shape often used for structural elements, containers, or placeholders in UI design.
How do I use RectangularIcon in React?: Import both HugeiconsIcon and RectangularIcon, then render <HugeiconsIcon icon={RectangularIcon} />.
What is the license for this icon?: The RectangularIcon is available under the MIT license.

Related icons

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

hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →