ICONYZ
English
Tag Horizontal Line Duotone icon from Solar

Tag Horizontal Line Duotone icon

solar:tag-horizontal-line-duotone

The Tag Horizontal Line Duotone icon (solar:tag-horizontal-line-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Solar
Author
480 Design
License
CC-BY-4.0
Size
24 × 24
Category
Money
Tags
taghorizontal, horizontalline, lineduotone, taghorizontallineduotone
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-width="1.5"><path d="M9.72104 20H12.358C14.5854 20 15.6992 20 16.6289 19.4672C17.5586 18.9345 18.1488 17.958 19.3294 16.005L20.0102 14.8787C21.0034 13.2357 21.5 12.4142 21.5 11.5C21.5 10.5858 21.0034 9.76431 20.0102 8.12126L19.3294 6.99501C18.1488 5.04203 17.5586 4.06554 16.6289 3.53277C15.6992 3 14.5854 3 12.358 3H9.72104C5.84561 3 3.90789 3 2.70394 4.2448C1.5 5.48959 1.5 7.49306 1.5 11.5C1.5 15.5069 1.5 17.5104 2.70394 18.7552C3.90789 20 5.8456 20 9.72104 20Z"/><path d="M6.5 6.99512V16" opacity=".5"/></g></svg>

How to use the Tag Horizontal Line Duotone icon

React

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

<Icon icon="solar:tag-horizontal-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:tag-horizontal-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:tag-horizontal-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--tag-horizontal-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:tag-horizontal-line-duotone"></div>

Web component

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

<iconify-icon icon="solar:tag-horizontal-line-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/tag-horizontal-line-duotone.svg" alt="Tag Horizontal Line Duotone icon" width="24" height="24">

Related icons in Solar

tag-bold icon
tag-bold
 tag-bold-duotone icon
tag-bold-duotone
 tag-broken icon
tag-broken
 tag-horizontal-bold icon
tag-horizontal-bold
 tag-horizontal-bold-duotone icon
tag-horizontal-bold-duotone
 tag-horizontal-broken icon
tag-horizontal-broken
 tag-horizontal-linear icon
tag-horizontal-linear
 tag-horizontal-outline icon
tag-horizontal-outline
 tag-line-duotone icon
tag-line-duotone
 tag-linear icon
tag-linear
 tag-outline icon
tag-outline
 tag-price-bold icon
tag-price-bold
 tag-price-bold-duotone icon
tag-price-bold-duotone
 tag-price-broken icon
tag-price-broken
 tag-price-line-duotone icon
tag-price-line-duotone
 tag-price-linear icon
tag-price-linear
 tag-price-outline icon
tag-price-outline

Tag Horizontal Line Duotone icon FAQ

Is the Tag Horizontal Line Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Tag Horizontal Line Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:tag-horizontal-line-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tag Horizontal Line Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/tag-horizontal-line-duotone.svg" alt="Tag Horizontal Line Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →