The HugeIcons magnet 02 icon depicts a magnet, commonly used to represent features related to attraction, saving, or pinning content.
Common uses
- Pinning a dashboard widget
- Saving a favorite item
- Attracting users to a call-to-action
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Magnet02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={Magnet02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- pin iconsave iconattract iconsticky icon
FAQ
- What does the Magnet 02 icon represent?
- The Magnet 02 icon visually represents a magnet, often used in UI design to signify actions like saving, pinning, or attracting attention.
- How do I use the Magnet 02 icon in React?
- Import the icon component and then render it using the HugeiconsIcon wrapper: import { HugeiconsIcon } from '@hugeicons/react'; import { Magnet02Icon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={Magnet02Icon} />.
- What is the license for this icon?
- The HugeIcons magnet 02 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.