ICONYZ
English
Tag Horizontal Start Sparkles Two Tone icon from Keyline Icons

Tag Horizontal Start Sparkles Two Tone icon

keyline-icons:tag-horizontal-start-sparkles-two-tone

The Tag Horizontal Start Sparkles Two Tone icon (keyline-icons:tag-horizontal-start-sparkles-two-tone) 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
taghorizontal, horizontalstart, startsparkles, sparklestwo, twotone, 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="M13 4L10 4C9.4696 4 8.9609 4.2107 8.5858 4.5858L2.5858 10.5858C1.8047 11.3669 1.8047 12.6331 2.5858 13.4142L8.5858 19.4142C8.9609 19.7893 9.4696 20 10 20L19 20C20.6569 20 22 18.6569 22 17L22 13"/><path fill="currentColor" d="M10.5 12C10.5 12.8284 9.8284 13.5 9 13.5C8.1716 13.5 7.5 12.8284 7.5 12C7.5 11.1716 8.1716 10.5 9 10.5C9.8284 10.5 10.5 11.1716 10.5 12ZM19.5492 3.3739L20.1373 4.8648C20.3173 5.3213 20.6787 5.6827 21.1352 5.8627L22.6261 6.4508C22.8518 6.5397 23 6.7576 23 7C23 7.2424 22.8518 7.4603 22.6261 7.5492L21.1352 8.1373C20.6787 8.3173 20.3173 8.6787 20.1373 9.1352L19.5492 10.6261C19.4603 10.8518 19.2424 11 19 11C18.7576 11 18.5397 10.8518 18.4508 10.6261L17.8627 9.1352C17.6827 8.6787 17.3213 8.3173 16.8648 8.1373L15.3739 7.5492C15.1482 7.4603 15 7.2424 15 7C15 6.7576 15.1482 6.5397 15.3739 6.4508L16.8648 5.8627C17.3213 5.6827 17.6827 5.3213 17.8627 4.8648L18.4508 3.3739C18.5397 3.1482 18.7576 3 19 3C19.2424 3 19.4603 3.1482 19.5492 3.3739Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M14.8433 12.2337L15.2108 13.1655C15.3233 13.4508 15.5492 13.6767 15.8345 13.7892L16.7663 14.1567C16.9074 14.2123 17 14.3485 17 14.5C17 14.6515 16.9074 14.7877 16.7663 14.8433L15.8345 15.2108C15.5492 15.3233 15.3233 15.5492 15.2108 15.8345L14.8433 16.7663C14.7877 16.9074 14.6515 17 14.5 17C14.3485 17 14.2123 16.9074 14.1567 16.7663L13.7892 15.8345C13.6767 15.5492 13.4508 15.3233 13.1655 15.2108L12.2337 14.8433C12.0926 14.7877 12 14.6515 12 14.5C12 14.3485 12.0926 14.2123 12.2337 14.1567L13.1655 13.7892C13.4508 13.6767 13.6767 13.4508 13.7892 13.1655L14.1567 12.2337C14.2123 12.0926 14.3485 12 14.5 12C14.6515 12 14.7877 12.0926 14.8433 12.2337Z" stroke="none"/></g></svg>

How to use the Tag Horizontal Start Sparkles Two Tone icon

React

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

<Icon icon="keyline-icons:tag-horizontal-start-sparkles-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:tag-horizontal-start-sparkles-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:tag-horizontal-start-sparkles-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--tag-horizontal-start-sparkles-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:tag-horizontal-start-sparkles-two-tone"></div>

Web component

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

<iconify-icon icon="keyline-icons:tag-horizontal-start-sparkles-two-tone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-sparkles-two-tone.svg" alt="Tag Horizontal Start Sparkles Two Tone icon" width="24" height="24">

Related icons in Keyline Icons

tag icon
tag
 tag-duotone icon
tag-duotone
 tag-fill icon
tag-fill
 tag-horizontal-end icon
tag-horizontal-end
 tag-horizontal-end-duotone icon
tag-horizontal-end-duotone
 tag-horizontal-end-fill icon
tag-horizontal-end-fill
 tag-horizontal-end-percent icon
tag-horizontal-end-percent
 tag-horizontal-end-percent-duotone icon
tag-horizontal-end-percent-duotone
 tag-horizontal-end-percent-fill icon
tag-horizontal-end-percent-fill
 tag-horizontal-end-percent-sharp icon
tag-horizontal-end-percent-sharp
 tag-horizontal-end-percent-sharp-duotone icon
tag-horizontal-end-percent-sharp-duotone
 tag-horizontal-end-percent-sharp-fill icon
tag-horizontal-end-percent-sharp-fill
 tag-horizontal-end-percent-sharp-two-tone icon
tag-horizontal-end-percent-sharp-two-tone
 tag-horizontal-end-percent-two-tone icon
tag-horizontal-end-percent-two-tone
 tag-horizontal-end-sharp icon
tag-horizontal-end-sharp
 tag-horizontal-end-sharp-duotone icon
tag-horizontal-end-sharp-duotone
 tag-horizontal-end-sharp-fill icon
tag-horizontal-end-sharp-fill
 tag-horizontal-end-sharp-two-tone icon
tag-horizontal-end-sharp-two-tone
 tag-horizontal-end-two-tone icon
tag-horizontal-end-two-tone
 tag-horizontal-start icon
tag-horizontal-start
 tag-horizontal-start-duotone icon
tag-horizontal-start-duotone
 tag-horizontal-start-fill icon
tag-horizontal-start-fill
 tag-horizontal-start-percent icon
tag-horizontal-start-percent
 tag-horizontal-start-percent-duotone icon
tag-horizontal-start-percent-duotone

Tag Horizontal Start Sparkles Two Tone icon FAQ

Is the Tag Horizontal Start Sparkles Two Tone 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 Tag Horizontal Start Sparkles Two Tone icon in React?

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

How do I add the Tag Horizontal Start Sparkles Two Tone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-sparkles-two-tone.svg" alt="Tag Horizontal Start Sparkles Two Tone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →