Tags icon
el:tags
The Tags icon (el:tags) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
- Tags
- tag
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 467.478V176.805c3.479-45.64 36.064-76.909 77.47-77.47h290.673c38.559.646 74.477 14.596 105.962 33.613l455.536 500.354c27.468 35.271 28.876 79.164 0 108.844L592.87 1077.637c-34.029 29.361-81.72 32.02-108.842 0L55.062 600.009C24.908 562.69.447 513.568 0 467.478m146.938-115.245c32.17 29.66 78.342 26.916 105.961 0c29.526-31.898 27.06-78.551 0-105.961c-31.94-29.075-78.454-26.768-105.961 0c-29.199 34.102-28.102 76.706 0 105.961m359.5-251.618h111.403c46.704 2.88 101.974 21.285 131.893 55.062L1178.7 634.582c28.985 33.471 27.808 81.543 0 110.123l-335.491 335.492c-46.495 26.355-89.107 24.518-117.806-8.965l329.088-329.089c29.633-32.787 26.469-80.075 0-108.843L670.618 203.787c-45.439-56.713-143.264-100.612-164.18-103.172"/></svg>
How to use the Tags icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:tags" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:tags" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:tags" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--tags]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:tags"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:tags"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/tags.svg" alt="Tags icon" width="24" height="24">
Tags icon in other icon sets
Tags icon FAQ
Is the Tags icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Tags icon in React?
Install @iconify/react and render <Icon icon="el:tags" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tags icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/tags.svg" alt="Tags icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
