ICONYZ
English
Tag Horizontal Linear icon from Solar

Tag Horizontal Linear icon

solar:tag-horizontal-linear

The Tag Horizontal Linear icon (solar:tag-horizontal-linear) 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, horizontallinear, taghorizontallinear
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="M10.721 21H13.358C15.5854 21 16.6992 21 17.6289 20.4672C18.5586 19.9345 19.1488 18.958 20.3294 17.005L21.0102 15.8787C22.0034 14.2357 22.5 13.4142 22.5 12.5C22.5 11.5858 22.0034 10.7643 21.0102 9.12126L20.3294 7.99501C19.1488 6.04203 18.5586 5.06554 17.6289 4.53277C16.6992 4 15.5854 4 13.358 4H10.721C6.84561 4 4.90789 4 3.70394 5.2448C2.5 6.48959 2.5 8.49306 2.5 12.5C2.5 16.5069 2.5 18.5104 3.70394 19.7552C4.90789 21 6.8456 21 10.721 21Z"/><path d="M7.5 7.99512V17"/></g></svg>

How to use the Tag Horizontal Linear icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:tag-horizontal-linear"></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-linear"></iconify-icon>

HTML image

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

Related icons in Solar

Tag Horizontal Linear icon FAQ

Is the Tag Horizontal Linear 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 Linear icon in React?

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

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

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

Browse all Solar icons →