ICONYZ
English
Tag Remove icon from ProIcons

Tag Remove icon

proicons:tag-remove

The Tag Remove icon (proicons:tag-remove) is a free SVG icon from the ProIcons set by ProCode. It is drawn on a 24 × 24 grid. ProIcons 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
ProIcons
Author
ProCode
License
MIT
Size
24 × 24
Tags
tagremove
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M6.5 23a5.5 5.5 0 1 0 0-11a5.5 5.5 0 0 0 0 11m-2.352-7.852a.5.5 0 0 1 .707 0L6.5 16.793l1.645-1.645a.5.5 0 1 1 .707.707L7.207 17.5l1.645 1.645a.5.5 0 1 1-.707.707L6.5 18.207l-1.645 1.645a.5.5 0 1 1-.707-.707L5.793 17.5l-1.645-1.645a.5.5 0 0 1 0-.707" clip-rule="evenodd"/><circle cx="8.658" cy="6.738" r="1.277" fill="currentColor" transform="rotate(-45 8.658 6.738)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.668 10.5V5.748a3 3 0 0 1 3-3h5.2a2.5 2.5 0 0 1 1.768.732l6.445 6.446a4 4 0 0 1 0 5.656l-3.579 3.58a4 4 0 0 1-4.172.94"/></g></svg>

How to use the Tag Remove icon

React

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

<Icon icon="proicons:tag-remove" width="24" />

Vue

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

<template>
  <Icon icon="proicons:tag-remove" width="24" />
</template>

Svelte

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

<Icon icon="proicons:tag-remove" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[proicons--tag-remove]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/proicons -->
<div class="i-proicons:tag-remove"></div>

Web component

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

<iconify-icon icon="proicons:tag-remove"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/proicons/tag-remove.svg" alt="Tag Remove icon" width="24" height="24">

Related icons in ProIcons

tag icon
tag
 tag-accent icon
tag-accent
 tag-add icon
tag-add
 tag-multiple icon
tag-multiple

Tag Remove icon in other icon sets

Tag Remove icon from Material Design Icons
Material Design Icons

Tag Remove icon FAQ

Is the Tag Remove icon free for commercial use?

Yes. ProIcons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Tag Remove icon in React?

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

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

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

Browse all ProIcons →