What does the component icon represent?

It symbolizes a distinct, often reusable, part of a larger system or design, like a building block or module.

How do I use this icon in React?

You can import and use it in React with: `import { Component } from 'lucide-react'`.

What is the license for this icon?

The Lucide icon library, including the component icon, is available under the ISC license.

component icon

Lucide · component · ISC

The Lucide component icon visually represents a modular part or element within a larger system, often used to signify distinct functional units or building blocks in UI design.

Common uses

Representing a UI component library.
Indicating a specific feature module.
Symbolizing a reusable design element.

Use it in React

Install

npm i lucide-react

Import & render

import { Component } from 'lucide-react';

<Component size={24} />

Details

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: designelementgroupmodulepartsymbolcomponent

FAQ

What does the component icon represent?: It symbolizes a distinct, often reusable, part of a larger system or design, like a building block or module.
How do I use this icon in React?: You can import and use it in React with: `import { Component } from 'lucide-react'`.
What is the license for this icon?: The Lucide icon library, including the component icon, is available under the ISC license.

Related icons

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

hugeicons

Looking for something else? Search Lucide 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 →