Tag State icon
tdesign:tag-state
The Tag State icon (tdesign:tag-state) is a free SVG icon from the TDesign Icons set by TDesign. It is drawn on a 24 × 24 grid. TDesign 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
- TDesign Icons
- Author
- TDesign
- License
- MIT
- Size
- 24 × 24
- Tags
- tagstate
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M23 4H1v16h22z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M23 4H1v16h22z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M6 12V9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3m-4 0v4m0-4h4m0 0v4m4-4V8h3a1 1 0 0 1 1 1v3m-4 0h4m-4 0v4h3a1 1 0 0 0 1-1v-3"/></g></svg>How to use the Tag State icon
React
import { Icon } from "@iconify/react";
<Icon icon="tdesign:tag-state" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tdesign:tag-state" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tdesign:tag-state" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--tag-state]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:tag-state"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tdesign:tag-state"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/tdesign/tag-state.svg" alt="Tag State icon" width="24" height="24">Related icons in TDesign Icons
Tag State icon FAQ
Is the Tag State icon free for commercial use?
Yes. TDesign Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Tag State icon in React?
Install @iconify/react and render <Icon icon="tdesign:tag-state" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tag State icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/tdesign/tag-state.svg" alt="Tag State icon">, or paste the SVG code inline to style it with CSS.