The HugeIcons insert center image icon visually represents the action of placing an image directly in the middle of a content area, commonly used for content editing tools.
Common uses
- Image insertion button in a rich text editor
- Placeholder for a centered image in a layout tool
- Action to align an image to the center in a design application
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { InsertCenterImageIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={InsertCenterImageIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- center imageinsert image centerimage align centeradd center image
FAQ
- What does the insert center image icon signify?
- This icon signifies the action of inserting an image and positioning it in the center of the available space. It's typically found in content creation or editing interfaces.
- How do I use the InsertCenterImageIcon in React?
- You can use it by importing both HugeiconsIcon and InsertCenterImageIcon from their respective packages and rendering them like this: <HugeiconsIcon icon={InsertCenterImageIcon} />.
- What is the license for this icon?
- This icon is provided 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.