Zap Sparkles Sharp アイコン
keyline-icons:zap-sparkles-sharp
Zap Sparkles Sharp アイコン(keyline-icons:zap-sparkles-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- zapsparkles、sparklessharp、zapsparklessharp、sparkle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M7.2929 9.7072L3.0001 14L11 14L10 20.9999L20.9999 10L16.8 10"/><path fill="currentColor" d="M13.5492 2.3739L14.4196 4.5804L16.6261 5.4508C16.8518 5.5397 17 5.7576 17 6C17 6.2424 16.8518 6.4603 16.6261 6.5492L14.4196 7.4196L13.5492 9.6261C13.4603 9.8518 13.2424 10 13 10C12.7576 10 12.5397 9.8518 12.4508 9.6261L11.5804 7.4196L9.3739 6.5492C9.1482 6.4603 9 6.2424 9 6C9 5.7576 9.1482 5.5397 9.3739 5.4508L11.5804 4.5804L12.4508 2.3739C12.5397 2.1482 12.7576 2 13 2C13.2424 2 13.4603 2.1482 13.5492 2.3739ZM4.8433 17.2337L5.3873 18.6127L6.7663 19.1567C6.9074 19.2123 7 19.3485 7 19.5C7 19.6515 6.9074 19.7877 6.7663 19.8433L5.3873 20.3873L4.8433 21.7663C4.7877 21.9074 4.6515 22 4.5 22C4.3485 22 4.2123 21.9074 4.1567 21.7663L3.6127 20.3873L2.2337 19.8433C2.0926 19.7877 2 19.6515 2 19.5C2 19.3485 2.0926 19.2123 2.2337 19.1567L3.6127 18.6127L4.1567 17.2337C4.2123 17.0926 4.3485 17 4.5 17C4.6515 17 4.7877 17.0926 4.8433 17.2337Z" stroke="none"/></g></svg>Zap Sparkles Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:zap-sparkles-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:zap-sparkles-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:zap-sparkles-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--zap-sparkles-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:zap-sparkles-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:zap-sparkles-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/zap-sparkles-sharp.svg" alt="Zap Sparkles Sharp アイコン" width="24" height="24">Keyline Icons の関連アイコン
zap
zap-duotone
zap-fill
zap-off
zap-off-duotone
zap-off-fill
zap-off-sharp
zap-off-sharp-duotone
zap-off-sharp-fill
zap-off-sharp-two-tone
zap-off-two-tone
zap-sharp
zap-sharp-duotone
zap-sharp-fill
zap-sharp-two-tone
zap-sparkles
zap-sparkles-duotone
zap-sparkles-fill
zap-sparkles-sharp-duotone
zap-sparkles-sharp-fill
zap-sparkles-sharp-two-tone
zap-sparkles-two-tone
zap-two-tone
Zap Sparkles Sharp アイコン のよくある質問
Zap Sparkles Sharp アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zap Sparkles Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:zap-sparkles-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zap Sparkles Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/zap-sparkles-sharp.svg" alt="Zap Sparkles Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。