label icon

label from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name: label
Set: BoxIcons v2
Style: Regular
Viewbox: 24×24
License: MIT
Aliases: bx-label

The same icon in other sets

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

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="M16.813 4.419A1 1 0 0 0 16 4H3a1 1 0 0 0-.813 1.581L6.771 12l-4.585 6.419A1 1 0 0 0 3 20h13a1 1 0 0 0 .813-.419l5-7a1 1 0 0 0 0-1.162zM15.485 18H4.943l3.87-5.419a1 1 0 0 0 0-1.162L4.943 6h10.542l4.286 6z"/></svg>

React

import type { SVGProps } from "react";

export function BxLabel(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="M16.813 4.419A1 1 0 0 0 16 4H3a1 1 0 0 0-.813 1.581L6.771 12l-4.585 6.419A1 1 0 0 0 3 20h13a1 1 0 0 0 .813-.419l5-7a1 1 0 0 0 0-1.162zM15.485 18H4.943l3.87-5.419a1 1 0 0 0 0-1.162L4.943 6h10.542l4.286 6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.813 4.419A1 1 0 0 0 16 4H3a1 1 0 0 0-.813 1.581L6.771 12l-4.585 6.419A1 1 0 0 0 3 20h13a1 1 0 0 0 .813-.419l5-7a1 1 0 0 0 0-1.162zM15.485 18H4.943l3.87-5.419a1 1 0 0 0 0-1.162L4.943 6h10.542l4.286 6z"/></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%22M16.813%204.419A1%201%200%200%200%2016%204H3a1%201%200%200%200-.813%201.581L6.771%2012l-4.585%206.419A1%201%200%200%200%203%2020h13a1%201%200%200%200%20.813-.419l5-7a1%201%200%200%200%200-1.162zM15.485%2018H4.943l3.87-5.419a1%201%200%200%200%200-1.162L4.943%206h10.542l4.286%206z%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%22M16.813%204.419A1%201%200%200%200%2016%204H3a1%201%200%200%200-.813%201.581L6.771%2012l-4.585%206.419A1%201%200%200%200%203%2020h13a1%201%200%200%200%20.813-.419l5-7a1%201%200%200%200%200-1.162zM15.485%2018H4.943l3.87-5.419a1%201%200%200%200%200-1.162L4.943%206h10.542l4.286%206z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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