Captions Sparkles icon

keyline-icons:captions-sparkles

The Captions Sparkles icon (keyline-icons:captions-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: captionssparkles, caption, 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="M2.1707 16C2.0602 15.6872 2 15.3506 2 15L2 5C2 3.3431 3.3432 2 5 2L19 2C20.6569 2 22 3.3431 22 5L22 12M10 8C9.5673 7.6754 9.0409 7.5 8.5 7.5C7.1193 7.5 6 8.6193 6 10C6 11.3807 7.1193 12.5 8.5 12.5C9.0409 12.5 9.5673 12.3246 10 12M18 8C17.5673 7.6754 17.0409 7.5 16.5 7.5C15.1193 7.5 14 8.6193 14 10C14 11.3807 15.1193 12.5 16.5 12.5C17.0409 12.5 17.5673 12.3246 18 12"/><path fill="currentColor" d="M19.5492 15.3739L20.1373 16.8648C20.3173 17.3213 20.6787 17.6827 21.1352 17.8627L22.6261 18.4508C22.8518 18.5397 23 18.7576 23 19C23 19.2424 22.8518 19.4603 22.6261 19.5492L21.1352 20.1373C20.6787 20.3173 20.3173 20.6787 20.1373 21.1352L19.5492 22.6261C19.4603 22.8518 19.2424 23 19 23C18.7576 23 18.5397 22.8518 18.4508 22.6261L17.8627 21.1352C17.6827 20.6787 17.3213 20.3173 16.8648 20.1373L15.3739 19.5492C15.1482 19.4603 15 19.2424 15 19C15 18.7576 15.1482 18.5397 15.3739 18.4508L16.8648 17.8627C17.3213 17.6827 17.6827 17.3213 17.8627 16.8648L18.4508 15.3739C18.5397 15.1482 18.7576 15 19 15C19.2424 15 19.4603 15.1482 19.5492 15.3739ZM7.8433 16.2337L8.2108 17.1655C8.3233 17.4508 8.5492 17.6767 8.8345 17.7892L9.7663 18.1567C9.9074 18.2123 10 18.3485 10 18.5C10 18.6515 9.9074 18.7877 9.7663 18.8433L8.8345 19.2108C8.5492 19.3233 8.3233 19.5492 8.2108 19.8345L7.8433 20.7663C7.7877 20.9074 7.6515 21 7.5 21C7.3485 21 7.2123 20.9074 7.1567 20.7663L6.7892 19.8345C6.6767 19.5492 6.4508 19.3233 6.1655 19.2108L5.2337 18.8433C5.0926 18.7877 5 18.6515 5 18.5C5 18.3485 5.0926 18.2123 5.2337 18.1567L6.1655 17.7892C6.4508 17.6767 6.6767 17.4508 6.7892 17.1655L7.1567 16.2337C7.2123 16.0926 7.3485 16 7.5 16C7.6515 16 7.7877 16.0926 7.8433 16.2337Z" stroke="none"/></g></svg>

How to use the Captions Sparkles icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:captions-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:captions-sparkles"></iconify-icon>

HTML image

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

Related icons in Keyline Icons

Captions Sparkles icon FAQ

Is the Captions 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 Captions Sparkles icon in React?

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

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

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

Browse all Keyline Icons →