The HugeIcons image composition icon visually represents the arrangement and layering of multiple images or graphical elements, commonly used in UIs to signify features related to photo editing, collage creation, or graphic design.
Common uses
- Photo editor: Adjusting layers and blending modes.
- Collage maker: Combining multiple images into a single layout.
- Graphic design tool: Representing image manipulation or composition features.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ImageCompositionIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ImageCompositionIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- layerarrangecombine imagesphoto editor
FAQ
- What does the image composition icon represent?
- It depicts the arrangement and layering of multiple visual elements. It's typically used for features involving photo editing, collages, or graphic design.
- How do I use the ImageCompositionIcon in React?
- Import both HugeiconsIcon and ImageCompositionIcon, then render <HugeiconsIcon icon={ImageCompositionIcon} />. Ensure you have '@hugeicons/react' and '@hugeicons/core-free-icons' installed.
- What is the license for this icon?
- The HugeIcons image composition icon is released under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.