Spark icon
logos:spark
The Spark icon (logos:spark) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 258 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 258
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="258" viewBox="0 0 256 258"><g fill="#ffa64d"><path d="M13.222 183.045C30.007 165.978 244.278 4.782 247.936 8.44c2.813 2.813-156.507 219.616-173.387 236.589s-44.26 16.785-61.14-.282c-16.972-17.066-16.972-44.73-.187-61.702" opacity=".5"/><path d="M22.693 175.45c20.63-12.098 230.119-95.18 232.65-90.68c1.97 3.47-168.79 154.538-189.514 166.541c-20.63 12.003-46.98 4.783-58.89-16.222c-11.909-20.818-4.876-47.543 15.754-59.64" opacity=".3"/><path d="M82.051 235.276C94.054 214.46 176.387 3.47 171.98.938C168.51-1.032 18.661 171.042 6.658 191.859c-11.91 20.818-4.689 47.356 16.129 59.265C43.51 263.127 70.048 256 82.05 235.276" opacity=".3"/><path d="M32.727 171.042c23.068-6.283 216.521-30.195 217.928-25.225c1.031 3.845-172.73 103.431-195.798 109.714s-46.699-7.595-52.794-30.945s7.69-47.261 30.664-53.544" opacity=".2"/><path d="M32.727 171.042c23.068-6.283 179.387 29.07 180.7 33.946c1.032 3.844-135.595 44.167-158.664 50.45c-23.068 6.282-46.699-7.596-52.794-30.946c-6.001-23.255 7.783-47.167 30.758-53.45" opacity=".1"/><path d="M86.459 225.055c6.282-23.256-28.882-180.7-33.852-182.013C48.762 42.01 8.815 179.575 2.626 202.83c-6.19 23.255 7.595 47.074 30.757 53.075c23.068 6.19 46.887-7.595 53.076-30.851" opacity=".1"/><path d="M86.459 225.055C92.74 201.799 116.372 6.939 111.496 5.626C107.651 4.595 8.908 179.576 2.626 202.925C-3.564 226.18 10.22 249.999 33.383 256c23.068 6.189 46.887-7.69 53.076-30.945" opacity=".2"/></g></svg>How to use the Spark icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:spark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:spark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:spark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--spark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:spark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:spark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/spark.svg" alt="Spark icon" width="24" height="24">Related icons in SVG Logos
Spark icon in other icon sets
Spark icon FAQ
Is the Spark icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Spark icon in React?
Install @iconify/react and render <Icon icon="logos:spark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/spark.svg" alt="Spark icon">, or paste the SVG code inline to style it with CSS.