Labels icon
zmdi:labels
The Labels icon (zmdi:labels) is a free SVG icon from the Material Design Iconic Font set by MDI Community. It is drawn on a 448 × 408 grid. Material Design Iconic Font 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
- Material Design Iconic Font
- Author
- MDI Community
- License
- OFL-1.1
- Size
- 448 × 408
- Tags
- label
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="408" viewBox="0 0 448 408"><path fill="currentColor" d="M26 363q-16-7-22.5-23T3 308l52-125v192zm416-79q7 16 0 32.5T419 340l-157 65q-8 3-16 3q-29 0-39-26L101 126q-4-8-3-17q0-28 26-38L281 6q8-3 17-3q28 0 39 26zM140.5 131q8.5 0 15-6.5t6.5-15t-6.5-15t-15-6.5t-15 6.5t-6.5 15t6.5 15t15 6.5M98 365V230l73 178h-31q-17 0-29.5-12.5T98 365"/></svg>How to use the Labels icon
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:labels" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:labels" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:labels" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--labels]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:labels"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:labels"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/zmdi/labels.svg" alt="Labels icon" width="24" height="24">Labels icon in other icon sets
Labels icon FAQ
Is the Labels icon free for commercial use?
Yes. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Labels icon in React?
Install @iconify/react and render <Icon icon="zmdi:labels" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Labels icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/zmdi/labels.svg" alt="Labels icon">, or paste the SVG code inline to style it with CSS.