label icon

label from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name: label
Set: Material Design Icons
Style: Filled
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Design Icons

The same icon in other sets

labelBoxIcons v2 labelBoxIcons v2 Solid labelCarbon labelEmoji One (Colored)labelFluent Emoji labelFluent Emoji Flat labelFluent Emoji High Contrast labelHuge Icons labelIconoir labelMaterial Symbols labelNoto Emoji labelOpenMoji labelPixelarticons labelTabler Icons labelTwitter Emoji labelUnicons

Related icons in Material Design Icons

label-multiple label-off label-percent label-variant

Use the label icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.63 5.84C17.27 5.33 16.67 5 16 5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h11c.67 0 1.27-.34 1.63-.85L22 12z"/></svg>

React

import type { SVGProps } from "react";

export function MdiLabel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.63 5.84C17.27 5.33 16.67 5 16 5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h11c.67 0 1.27-.34 1.63-.85L22 12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.63 5.84C17.27 5.33 16.67 5 16 5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h11c.67 0 1.27-.34 1.63-.85L22 12z"/></svg>
</template>

CSS

.icon-label {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.63%205.84C17.27%205.33%2016.67%205%2016%205H5a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h11c.67%200%201.27-.34%201.63-.85L22%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.63%205.84C17.27%205.33%2016.67%205%2016%205H5a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h11c.67%200%201.27-.34%201.63-.85L22%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/label.svg?color=%231a73e8&size=48