Wand Sparkles アイコン

Q: Wand Sparkles アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:wand-sparkles

Wand Sparkles アイコン(keyline-icons:wand-sparkles)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: wandsparkles、sparkle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18.5858 3.2929L20.7071 5.4142C21.0976 5.8047 21.0976 6.4379 20.7071 6.8284L6.8284 20.7071C6.4379 21.0976 5.8047 21.0976 5.4142 20.7071L3.2929 18.5858C2.9024 18.1953 2.9024 17.5621 3.2929 17.1716L17.1716 3.2929C17.5621 2.9024 18.1953 2.9024 18.5858 3.2929ZM13.2908 7.1737L16.8263 10.7092"/><path fill="currentColor" d="M6.5492 2.3739L7.1373 3.8648C7.3173 4.3213 7.6787 4.6827 8.1352 4.8627L9.6261 5.4508C9.8518 5.5397 10 5.7576 10 6C10 6.2424 9.8518 6.4603 9.6261 6.5492L8.1352 7.1373C7.6787 7.3173 7.3173 7.6787 7.1373 8.1352L6.5492 9.6261C6.4603 9.8518 6.2424 10 6 10C5.7576 10 5.5397 9.8518 5.4508 9.6261L4.8627 8.1352C4.6827 7.6787 4.3213 7.3173 3.8648 7.1373L2.3739 6.5492C2.1482 6.4603 2 6.2424 2 6C2 5.7576 2.1482 5.5397 2.3739 5.4508L3.8648 4.8627C4.3213 4.6827 4.6827 4.3213 4.8627 3.8648L5.4508 2.3739C5.5397 2.1482 5.7576 2 6 2C6.2424 2 6.4603 2.1482 6.5492 2.3739ZM17.8433 15.2337L18.2108 16.1655C18.3233 16.4508 18.5492 16.6767 18.8345 16.7892L19.7663 17.1567C19.9074 17.2123 20 17.3485 20 17.5C20 17.6515 19.9074 17.7877 19.7663 17.8433L18.8345 18.2108C18.5492 18.3233 18.3233 18.5492 18.2108 18.8345L17.8433 19.7663C17.7877 19.9074 17.6515 20 17.5 20C17.3485 20 17.2123 19.9074 17.1567 19.7663L16.7892 18.8345C16.6767 18.5492 16.4508 18.3233 16.1655 18.2108L15.2337 17.8433C15.0926 17.7877 15 17.6515 15 17.5C15 17.3485 15.0926 17.2123 15.2337 17.1567L16.1655 16.7892C16.4508 16.6767 16.6767 16.4508 16.7892 16.1655L17.1567 15.2337C17.2123 15.0926 17.3485 15 17.5 15C17.6515 15 17.7877 15.0926 17.8433 15.2337Z" stroke="none"/></g></svg>

Wand Sparkles アイコンの使い方

React

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

<Icon icon="keyline-icons:wand-sparkles" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:wand-sparkles" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:wand-sparkles" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--wand-sparkles]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:wand-sparkles"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:wand-sparkles"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/wand-sparkles.svg" alt="Wand Sparkles アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Wand Sparkles アイコン

Wand Sparkles アイコンのよくある質問

Wand Sparkles アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Wand Sparkles アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:wand-sparkles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Wand Sparkles アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/wand-sparkles.svg" alt="Wand Sparkles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →