Magnet Note icon
vs:magnet-note
The Magnet Note icon (vs:magnet-note) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1664 grid. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1664 × 1664
- Tags
- magnetnote
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1664" viewBox="0 0 1664 1664"><path fill="currentColor" d="M1664 128v640q0 116-.5 170.5T1662 1082t-4.5 132t-9.5 108.5t-15.5 102.5t-22.5 84t-31.5 83t-42.5 72H0q79-242 103.5-447.5T128 640V128h442q-24 60-24 128q0 145 102.5 247.5T896 606t247.5-102.5T1246 256q0-68-24-128zM896 0q106 0 181 75t75 181t-75 181t-181 75t-181-75t-75-181t75-181T896 0m0 128q8 0 14-7t6-17t-6-17t-14-7q-73 0-124.5 51.5T720 256q0 7 8 13.5t16 6.5q10 0 17-6t7-14q0-52 38-90t90-38"/></svg>How to use the Magnet Note icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:magnet-note" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:magnet-note" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:magnet-note" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--magnet-note]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:magnet-note"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:magnet-note"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/magnet-note.svg" alt="Magnet Note icon" width="24" height="24">Magnet Note icon FAQ
Is the Magnet Note icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Magnet Note icon in React?
Install @iconify/react and render <Icon icon="vs:magnet-note" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Magnet Note icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/magnet-note.svg" alt="Magnet Note icon">, or paste the SVG code inline to style it with CSS.