The Lucide magnet icon depicts a horseshoe magnet, commonly used to represent concepts related to attraction, magnetism, or locking mechanisms in user interfaces.
Common uses
- Attraction/Repulsion controls
- Locking/Unlocking features
- Science or physics-related settings
Use it in React
Install
npm i lucide-reactImport & render
import { Magnet } from 'lucide-react';
<Magnet size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- horseshoelocksciencesnapmagnetattract
FAQ
- What does the magnet icon represent?
- It represents a horseshoe magnet, symbolizing attraction, magnetism, or a locking function.
- How do I use the magnet icon in React?
- You can import and use it like this: import { Magnet } from 'lucide-react'. Then render it as <Magnet />.
- What is the license for the Lucide magnet icon?
- The Lucide icon library, including the magnet icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
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 →