The HugeIcons crane icon depicts a construction crane, often used to represent building, lifting, or heavy machinery in user interfaces.
Common uses
- Loading indicators
- Construction or development progress
- Heavy equipment sections
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CraneIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CraneIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- constructionliftheavy equipmentbuilding
FAQ
- What does the crane icon represent?
- It represents a construction crane, symbolizing building, lifting, or heavy machinery.
- How do I use the CraneIcon in React?
- Import both HugeiconsIcon and CraneIcon, then render <HugeiconsIcon icon={CraneIcon} />.
- What is the license for this icon?
- The icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in 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 →