label icon
label from Pixelarticons by Gerrit Halfmann · Regular · MIT Free for personal and commercial use.
- Name
- label
- Set
- Pixelarticons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
labelBoxIcons v2labelBoxIcons v2 SolidlabelCarbonlabelEmoji One (Colored)label-outlineFlowbite IconslabelFluent EmojilabelFluent Emoji FlatlabelFluent Emoji High ContrastlabelFirefox OS EmojilabelHuge IconslabelIconParklabelIconPark OutlinelabelIconPark SolidlabelIconPark TwoTonelabelIconoirlabelMaterial Icon ThemelabelMaterial SymbolslabelMaterial Symbols LightlabelMaterial Design IconslabelMyna UI IconslabelNoto EmojilabelOpenMojilabelTabler IconslabelTwitter Emoji
Related icons in Pixelarticons
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 22h-4v-2h4zm-4-2h-2v-2h2zm6 0h-2v-2h2zm-8-2H8v-2h2zm10 0h-2v-2h2zM8 16H6v-2h2zm14 0h-2v-4h2zM6 14H4v-2h2zm-2-2H2V4h2zm16 0h-2v-2h2zm-2-2h-2V8h2zM8 8H6V6h2zm8 0h-2V6h2zm-2-2h-2V4h2zm-2-2H4V2h8z"/></svg>
React
import type { SVGProps } from "react";
export function PixelarticonsLabel(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 22h-4v-2h4zm-4-2h-2v-2h2zm6 0h-2v-2h2zm-8-2H8v-2h2zm10 0h-2v-2h2zM8 16H6v-2h2zm14 0h-2v-4h2zM6 14H4v-2h2zm-2-2H2V4h2zm16 0h-2v-2h2zm-2-2h-2V8h2zM8 8H6V6h2zm8 0h-2V6h2zm-2-2h-2V4h2zm-2-2H4V2h8z"/></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 22h-4v-2h4zm-4-2h-2v-2h2zm6 0h-2v-2h2zm-8-2H8v-2h2zm10 0h-2v-2h2zM8 16H6v-2h2zm14 0h-2v-4h2zM6 14H4v-2h2zm-2-2H2V4h2zm16 0h-2v-2h2zm-2-2h-2V8h2zM8 8H6V6h2zm8 0h-2V6h2zm-2-2h-2V4h2zm-2-2H4V2h8z"/></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%2022h-4v-2h4zm-4-2h-2v-2h2zm6%200h-2v-2h2zm-8-2H8v-2h2zm10%200h-2v-2h2zM8%2016H6v-2h2zm14%200h-2v-4h2zM6%2014H4v-2h2zm-2-2H2V4h2zm16%200h-2v-2h2zm-2-2h-2V8h2zM8%208H6V6h2zm8%200h-2V6h2zm-2-2h-2V4h2zm-2-2H4V2h8z%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%2022h-4v-2h4zm-4-2h-2v-2h2zm6%200h-2v-2h2zm-8-2H8v-2h2zm10%200h-2v-2h2zM8%2016H6v-2h2zm14%200h-2v-4h2zM6%2014H4v-2h2zm-2-2H2V4h2zm16%200h-2v-2h2zm-2-2h-2V8h2zM8%208H6V6h2zm8%200h-2V6h2zm-2-2h-2V4h2zm-2-2H4V2h8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/pixelarticons/label.svg?color=%231a73e8&size=48
