What is the ShapeCollectionIcon used for?

It's typically used to signify a collection or library of design elements, such as icons, shapes, or templates.

How do I use the ShapeCollectionIcon in React?

Import both HugeiconsIcon and ShapeCollectionIcon, then render .

What is the license for this icon?

The ShapeCollectionIcon is distributed under the MIT license, allowing for free use.

shape collection icon

HugeIcons · ShapeCollectionIcon · MIT

The HugeIcons shape collection icon visually represents a group of diverse geometric shapes, commonly used to indicate a selection of design elements, templates, or a gallery of graphical assets.

Common uses

Displaying a library of icons or graphics
Representing a 'design assets' or 'elements' section
Indicating a set of customizable shapes or patterns

Use it in React

Install

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

Import & render

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

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

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: geometric shapesdesign elementsasset librarygraphics set

FAQ

What is the ShapeCollectionIcon used for?: It's typically used to signify a collection or library of design elements, such as icons, shapes, or templates.
How do I use the ShapeCollectionIcon in React?: Import both HugeiconsIcon and ShapeCollectionIcon, then render <HugeiconsIcon icon={ShapeCollectionIcon} />.
What is the license for this icon?: The ShapeCollectionIcon is distributed under the MIT license, allowing for free use.

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 →