Magic Wand Linear icon

solar:magic-wand-linear

The Magic Wand Linear icon (solar:magic-wand-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: magicwand, wandlinear, magicwandlinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12.6187 3.77783C14.7918 2.39036 15.8784 1.69663 16.7137 2.12656C17.5491 2.5565 17.58 3.82537 17.6418 6.36312L17.6578 7.01967C17.6753 7.74082 17.6841 8.10139 17.8327 8.4128C17.9813 8.7242 18.2529 8.95119 18.7961 9.40516L19.2906 9.81846C21.202 11.416 22.1577 12.2148 21.9787 13.1603C21.7997 14.1059 20.6046 14.572 18.2142 15.5043L17.5958 15.7454C16.9165 16.0104 16.5769 16.1428 16.3222 16.3918C16.0675 16.6409 15.9266 16.9783 15.6448 17.6531L15.3882 18.2675C14.3964 20.6423 13.9005 21.8297 12.9545 21.9842C12.0085 22.1386 11.2389 21.1578 9.69982 19.1963L9.30163 18.6888C8.86425 18.1314 8.64557 17.8526 8.33956 17.6952C8.03356 17.5377 7.67488 17.5192 6.95753 17.4823L6.30443 17.4487C3.78002 17.3189 2.51782 17.254 2.11218 16.4039C1.70653 15.5538 2.42609 14.4815 3.86521 12.3369L4.23753 11.7821C4.64648 11.1727 4.85096 10.868 4.91653 10.5216C4.9821 10.1752 4.90135 9.82639 4.73983 9.12875L4.59279 8.4936C4.02442 6.03855 3.74024 4.81103 4.43551 4.1312C5.13079 3.45136 6.34506 3.76944 8.77361 4.4056L9.40191 4.57019C10.092 4.75097 10.4371 4.84135 10.7836 4.78478C11.1301 4.7282 11.4389 4.53106 12.0565 4.13679L12.6187 3.77783Z"/><path stroke-linecap="round" d="M19 19L21 21"/></g></svg>

How to use the Magic Wand Linear icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:magic-wand-linear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:magic-wand-linear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:magic-wand-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--magic-wand-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:magic-wand-linear"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:magic-wand-linear"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/magic-wand-linear.svg" alt="Magic Wand Linear icon" width="24" height="24">

Related icons in Solar

Magic Wand Linear icon FAQ

Is the Magic Wand Linear icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Magic Wand Linear icon in React?

Install @iconify/react and render <Icon icon="solar:magic-wand-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Magic Wand Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/magic-wand-linear.svg" alt="Magic Wand Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →