Sparkles 2 Filled icon
tabler:sparkles-2-filled
The Sparkles 2 Filled icon (tabler:sparkles-2-filled) is a free SVG icon from the Tabler Icons set by Paweł Kuna. It is drawn on a 24 × 24 grid. Tabler 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
- Tabler Icons
- Author
- Paweł Kuna
- License
- MIT
- Size
- 24 × 24
- Tags
- sparkles, magic, stars, glitter, shine, effect, ai, highlight, special, design, sparklesfilled, sparkle
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.964 2.733c.156.563.312 1 .484 1.353c.342.71.758 1.125 1.47 1.467c.353.17.79.326 1.352.484c.98.276.97 1.668-.013 1.93a8.3 8.3 0 0 0-1.34.481c-.71.342-1.127.757-1.463 1.453a8 8 0 0 0-.486 1.352c-.258.988-1.658 1-1.932.015c-.156-.565-.312-1.002-.484-1.354c-.342-.71-.758-1.124-1.458-1.46a8 8 0 0 0-1.374-.495a.4.4 0 0 1-.06-.02l-.044-.017l-.045-.02l-.049-.025l-.035-.02a.4.4 0 0 1-.049-.03l-.032-.023l-.043-.034l-.033-.028l-.036-.035l-.034-.035l-.028-.033l-.035-.043l-.022-.032a.4.4 0 0 1-.032-.049l-.02-.035l-.025-.05l-.02-.044l-.017-.043a.4.4 0 0 1-.02-.06l-.01-.034a.5.5 0 0 1-.02-.098l-.006-.065L12 7.051v-.05a.4.4 0 0 1 .003-.085a.5.5 0 0 1 .013-.093a.5.5 0 0 1 .024-.103a.4.4 0 0 1 .02-.06l.017-.044l.02-.045l.025-.049l.02-.035a.4.4 0 0 1 .03-.049l.023-.032l.034-.043l.028-.033l.035-.036l.035-.034q.015-.015.033-.028l.043-.035l.032-.022a.4.4 0 0 1 .049-.032l.035-.02l.05-.025l.044-.02l.043-.017a.4.4 0 0 1 .06-.02l.027-.008a8.3 8.3 0 0 0 1.339-.48c.71-.342 1.127-.757 1.47-1.466c.17-.354.327-.792.483-1.355c.272-.976 1.657-.976 1.928 0"/><path d="M10.965 6.737q.219.801.503 1.574c.856 2.28 1.945 3.363 4.23 4.22q.708.265 1.571.506c.976.272.974 1.656-.002 1.927q-.798.221-1.568.504c-2.288.858-3.376 1.94-4.229 4.216a19 19 0 0 0-.505 1.579c-.268.983-1.662.983-1.93 0a19 19 0 0 0-.503-1.574c-.856-2.281-1.944-3.363-4.226-4.219a20 20 0 0 0-1.594-.513a.4.4 0 0 1-.054-.018l-.044-.017l-.043-.02a.3.3 0 0 1-.048-.024l-.036-.02a.4.4 0 0 1-.048-.03l-.032-.024l-.044-.034l-.033-.029l-.037-.034l-.034-.037l-.03-.033l-.033-.044l-.023-.032a.4.4 0 0 1-.03-.048l-.021-.036a.3.3 0 0 1-.024-.048l-.02-.043l-.017-.044a.4.4 0 0 1-.018-.054a.2.2 0 0 1-.01-.039a.4.4 0 0 1-.014-.059l-.007-.04l-.007-.056l-.003-.044L2 14v-.05q0-.023.004-.044q.001-.03.007-.057l.007-.04a.4.4 0 0 1 .017-.076l.007-.021a.4.4 0 0 1 .018-.054l.017-.044l.02-.043a.3.3 0 0 1 .024-.048l.02-.036a.4.4 0 0 1 .03-.048l.024-.032l.034-.044l.029-.033l.034-.037l.037-.034l.033-.03l.044-.033l.032-.023a.4.4 0 0 1 .048-.03l.036-.021a.3.3 0 0 1 .048-.024l.043-.02l.044-.017a.4.4 0 0 1 .054-.018l.021-.007a20 20 0 0 0 1.568-.504c2.287-.858 3.375-1.94 4.229-4.216a19 19 0 0 0 .505-1.579c.268-.983 1.662-.983 1.93 0"/></g></svg>How to use the Sparkles 2 Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:sparkles-2-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:sparkles-2-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:sparkles-2-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--sparkles-2-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:sparkles-2-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:sparkles-2-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/tabler/sparkles-2-filled.svg" alt="Sparkles 2 Filled icon" width="24" height="24">Related icons in Tabler Icons
Sparkles 2 Filled icon FAQ
Is the Sparkles 2 Filled icon free for commercial use?
Yes. Tabler Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Sparkles 2 Filled icon in React?
Install @iconify/react and render <Icon icon="tabler:sparkles-2-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sparkles 2 Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/tabler/sparkles-2-filled.svg" alt="Sparkles 2 Filled icon">, or paste the SVG code inline to style it with CSS.