Icono Magnet Note
vs:magnet-note
El icono Magnet Note (vs:magnet-note) es un icono SVG gratuito de la colección Vesper Icons de TableCheck. Está dibujado en una cuadrícula de 1664 × 1664. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Vesper Icons
- Autor
- TableCheck
- Licencia
- OFL-1.1
- Tamaño
- 1664 × 1664
- Etiquetas
- magnetnote
Código SVG
<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>Cómo usar el icono Magnet Note
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/vs/magnet-note.svg" alt="Icono Magnet Note" width="24" height="24">Preguntas frecuentes sobre Icono Magnet Note
¿El icono Magnet Note es gratis para uso comercial?
Sí. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Magnet Note en React?
Instala @iconify/react y renderiza <Icon icon="vs:magnet-note" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Magnet Note a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vs/magnet-note.svg" alt="Icono Magnet Note">, o pega el código SVG en línea para darle estilo con CSS.