Icono Magic Wand Bold
ph:magic-wand-bold
El icono Magic Wand Bold (ph:magic-wand-bold) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor icons se publican bajo la licencia MIT, 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
- Phosphor
- Autor
- Phosphor Icons
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- selection, wizard, games, magicwand, wandbold, magicwandbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M252 152a12 12 0 0 1-12 12h-12v12a12 12 0 0 1-24 0v-12h-12a12 12 0 0 1 0-24h12v-12a12 12 0 0 1 24 0v12h12a12 12 0 0 1 12 12M56 76h12v12a12 12 0 0 0 24 0V76h12a12 12 0 1 0 0-24H92V40a12 12 0 0 0-24 0v12H56a12 12 0 0 0 0 24m128 112h-4v-4a12 12 0 0 0-24 0v4h-4a12 12 0 0 0 0 24h4v4a12 12 0 0 0 24 0v-4h4a12 12 0 0 0 0-24m38.14-105.17L82.82 222.14a20 20 0 0 1-28.28 0l-20.69-20.68a20 20 0 0 1 0-28.29L173.17 33.86a20 20 0 0 1 28.28 0l20.69 20.68a20 20 0 0 1 0 28.29M159 112l-15-15l-90.35 90.31l15 15Zm43.31-43.31l-15-15L161 80l15 15Z"/></svg>
Cómo usar el icono Magic Wand Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:magic-wand-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:magic-wand-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:magic-wand-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--magic-wand-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:magic-wand-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:magic-wand-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ph/magic-wand-bold.svg" alt="Icono Magic Wand Bold" width="24" height="24">
Iconos relacionados en Phosphor
El icono Magic Wand Bold en otras colecciones
Preguntas frecuentes sobre Icono Magic Wand Bold
¿El icono Magic Wand Bold es gratis para uso comercial?
Sí. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Magic Wand Bold en React?
Instala @iconify/react y renderiza <Icon icon="ph:magic-wand-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Magic Wand Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/magic-wand-bold.svg" alt="Icono Magic Wand Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Phosphor →
ICONYZ
