Zap Sparkles icon

keyline-icons:zap-sparkles

The Zap Sparkles icon (keyline-icons:zap-sparkles) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: zapsparkles, sparkle

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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17 10L20.499 10C20.7751 10 20.999 10.2239 20.999 10.5C20.999 10.631 20.9475 10.7568 20.8557 10.8503L11.0389 20.8487C10.9449 20.9445 10.8163 20.9984 10.6821 20.9984C10.406 20.9984 10.1821 20.7745 10.1821 20.4984C10.1821 20.4774 10.1834 20.4565 10.1861 20.4357L10.8577 15.1255C10.8629 15.0839 10.8656 15.0419 10.8656 15C10.8656 14.4477 10.4178 14 9.8656 14L3.501 14C3.2249 14 3.001 13.7761 3.001 13.5C3.001 13.369 3.0525 13.2432 3.1443 13.1497L7.2187 9"/><path fill="currentColor" d="M13.5492 2.3739L14.1373 3.8648C14.3173 4.3213 14.6787 4.6827 15.1352 4.8627L16.6261 5.4508C16.8518 5.5397 17 5.7576 17 6C17 6.2424 16.8518 6.4603 16.6261 6.5492L15.1352 7.1373C14.6787 7.3173 14.3173 7.6787 14.1373 8.1352L13.5492 9.6261C13.4603 9.8518 13.2424 10 13 10C12.7576 10 12.5397 9.8518 12.4508 9.6261L11.8627 8.1352C11.6827 7.6787 11.3213 7.3173 10.8648 7.1373L9.3739 6.5492C9.1482 6.4603 9 6.2424 9 6C9 5.7576 9.1482 5.5397 9.3739 5.4508L10.8648 4.8627C11.3213 4.6827 11.6827 4.3213 11.8627 3.8648L12.4508 2.3739C12.5397 2.1482 12.7576 2 13 2C13.2424 2 13.4603 2.1482 13.5492 2.3739ZM4.8433 17.2337L5.2108 18.1655C5.3233 18.4508 5.5492 18.6767 5.8345 18.7892L6.7663 19.1567C6.9074 19.2123 7 19.3485 7 19.5C7 19.6515 6.9074 19.7877 6.7663 19.8433L5.8345 20.2108C5.5492 20.3233 5.3233 20.5492 5.2108 20.8345L4.8433 21.7663C4.7877 21.9074 4.6515 22 4.5 22C4.3485 22 4.2123 21.9074 4.1567 21.7663L3.7892 20.8345C3.6767 20.5492 3.4508 20.3233 3.1655 20.2108L2.2337 19.8433C2.0926 19.7877 2 19.6515 2 19.5C2 19.3485 2.0926 19.2123 2.2337 19.1567L3.1655 18.7892C3.4508 18.6767 3.6767 18.4508 3.7892 18.1655L4.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>

How to use the Zap Sparkles icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/zap-sparkles.svg" alt="Zap Sparkles icon" width="24" height="24">

Related icons in Keyline Icons

Zap Sparkles icon FAQ

Is the Zap Sparkles icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Zap Sparkles icon in React?

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

How do I add the Zap Sparkles icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/zap-sparkles.svg" alt="Zap Sparkles icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →