ICONYZ
Bahasa Indonesia
Ikon Magic dari Ligature Symbols

Ikon Magic

ls:magic

Ikon Magic (ls:magic) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 718 × 709. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Ligature Symbols
Pembuat
Kazuyuki Motoyama
Lisensi
OFL-1.1
Ukuran
718 × 709
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="718" height="709" viewBox="0 0 718 709"><path fill="currentColor" d="m304.188 151l-29 93l-28-93l-93-29l93-28l28-94l29 94l93 28zm162-51l-14 47l-16-47l-46-15l46-14l16-46l14 46l46 14zm-457 511l573-556c4-5 10-8 17-8c9-1 18 2 25 9c3 2 7 6 13 11c11 10 23 22 32 34c4 6 6 11 6 16c1 10-2 19-8 25l-573 558c-5 5-11 7-18 8c-9 1-18-2-25-9c-3-3-7-6-13-12c-11-9-23-21-31-34c-4-6-6-12-7-17c-1-10 2-18 9-25m460-404l42 43l133-129l-42-44zm-279 57l-13 46l-14-46l-46-15l46-14l14-47l13 47l48 14zm466-35l15 47l46 14l-46 15l-15 46l-15-46l-46-15l46-14z"/></svg>

Cara memakai ikon Magic

React

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

<Icon icon="ls:magic" width="24" />

Vue

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

<template>
  <Icon icon="ls:magic" width="24" />
</template>

Svelte

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

<Icon icon="ls:magic" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ls:magic"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ls/magic.svg" alt="Ikon Magic" width="24" height="24">

Ikon Magic di set ikon lain

FAQ Ikon Magic

Apakah ikon Magic gratis untuk penggunaan komersial?

Ya. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Magic di React?

Pasang @iconify/react lalu render <Icon icon="ls:magic" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Magic ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ls/magic.svg" alt="Ikon Magic">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Ligature Symbols →