Nest Tag icon
material-symbols-light:nest-tag
The Nest Tag icon (material-symbols-light:nest-tag) is a free SVG icon from the Material Symbols Light set by Google. It is drawn on a 24 × 24 grid. Material Symbols Light icons are released under the Apache 2.0 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
- Material Symbols Light
- Author
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- Home
- Tags
- nesttag, nest tag rounded, nest tag outline sharp, nest tag sharp, nest tag outline, nest tag outline rounded
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-2.507 0-4.253-1.748Q6 17.503 6 14.994q0-2.017 1.238-3.63t3.262-2.18V3.308q0-.33.232-.568q.233-.24.576-.24h1.384q.33 0 .569.24q.239.239.239.568v5.877q1.994.573 3.247 2.182Q18 12.977 18 14.994q0 2.51-1.757 4.258T12 21m0-1q2.075 0 3.538-1.45T17 15q0-2.075-1.463-3.537T12 10q-2.1 0-3.55 1.463T7 15q0 2.1 1.45 3.55T12 20"/></svg>How to use the Nest Tag icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:nest-tag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:nest-tag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:nest-tag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--nest-tag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:nest-tag"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:nest-tag"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols-light/nest-tag.svg" alt="Nest Tag icon" width="24" height="24">Related icons in Material Symbols Light
Nest Tag icon in other icon sets
Nest Tag icon FAQ
Is the Nest Tag icon free for commercial use?
Yes. Material Symbols Light icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Nest Tag icon in React?
Install @iconify/react and render <Icon icon="material-symbols-light:nest-tag" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nest Tag icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols-light/nest-tag.svg" alt="Nest Tag icon">, or paste the SVG code inline to style it with CSS.