The Tabler magnetic icon visually represents the concept of attraction or a pulling force, often used in UI to signify features related to linking, connection, or drawing elements together.
Common uses
- Linking related items or content
- Indicate a 'pull to refresh' action
- Representing a connection or relationship feature
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMagnetic } from '@tabler/icons-react';
<IconMagnetic size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- attractpulldrawforcemagnetismcharmallurefascinationengageappealdesignmagneticlink
FAQ
- What does the magnetic icon represent?
- It depicts a magnetic force, symbolizing attraction, connection, or a pulling action within a user interface.
- How do I use the magnetic icon in React?
- You can import and use it like this: `import { IconMagnetic } from '@tabler/icons-react'`. Then render it as `<IconMagnetic />`.
- What is the license for the Tabler magnetic icon?
- The Tabler icons, including the magnetic icon, are available under the MIT license.
Looking for something else? Search Tabler 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 →