Magnet Outline icon
famicons:magnet-outline
The Magnet Outline icon (famicons:magnet-outline) is a free SVG icon from the Famicons set by Family. It is drawn on a 512 × 512 grid. Famicons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M421.83 293.82A144 144 0 0 0 218.18 90.17"/><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M353.94 225.94a48 48 0 0 0-67.88-67.88"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M192 464v-48m-101.82 5.82l33.94-33.94M48 320h48"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M286.06 158.06L172.92 271.19a32 32 0 0 1-45.25 0L105 248.57a32 32 0 0 1 0-45.26L218.18 90.17m203.65 203.65L308.69 407a32 32 0 0 1-45.26 0l-22.62-22.63a32 32 0 0 1 0-45.26l113.13-113.17M139.6 169.98l67.88 67.89m67.88 67.88l67.89 67.88"/></svg>How to use the Magnet Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="famicons:magnet-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="famicons:magnet-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="famicons:magnet-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[famicons--magnet-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/famicons -->
<div class="i-famicons:magnet-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="famicons:magnet-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/famicons/magnet-outline.svg" alt="Magnet Outline icon" width="24" height="24">Related icons in Famicons
Magnet Outline icon in other icon sets
Magnet Outline icon FAQ
Is the Magnet Outline icon free for commercial use?
Yes. Famicons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Magnet Outline icon in React?
Install @iconify/react and render <Icon icon="famicons:magnet-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Magnet Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/famicons/magnet-outline.svg" alt="Magnet Outline icon">, or paste the SVG code inline to style it with CSS.