What does the magnet icon represent?

The magnet icon represents attraction, magnetism, or the act of pulling something towards itself. It's often used for saving, pinning, or highlighting.

How do I use the MagnetIcon in React?

Import both HugeiconsIcon and MagnetIcon, then render it using .

What is the license for this icon?

The HugeIcons magnet icon is available under the MIT license.

magnet icon

HugeIcons · MagnetIcon · MIT

Download SVG

The HugeIcons magnet icon visually represents attraction and is commonly used to signify features like saving, pinning, or attracting content.

Common uses

Pinning an item to a dashboard
Saving a favorite article
Attracting users to a call-to-action

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { MagnetIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={MagnetIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: attractpinsaveattraction

FAQ

What does the magnet icon represent?: The magnet icon represents attraction, magnetism, or the act of pulling something towards itself. It's often used for saving, pinning, or highlighting.
How do I use the MagnetIcon in React?: Import both HugeiconsIcon and MagnetIcon, then render it using <HugeiconsIcon icon={MagnetIcon} />.
What is the license for this icon?: The HugeIcons magnet icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide phosphor tabler hugeicons 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 →