label icon
label from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- label
- Set
- Carbon
- Style
- Outline
- Category
- Actions
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
labelBoxIcons v2labelBoxIcons v2 SolidlabelEmoji 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 EmojilabelOpenMojilabelPixelarticonslabelTabler IconslabelTwitter Emoji
More actions icons from Carbon
activity-taskadapter-notificationaddadd-altadd-commentadd-largealign-box-bottom-centeralign-box-bottom-leftalign-box-bottom-rightalign-box-middle-centeralign-box-middle-leftalign-box-middle-rightalign-box-top-centeralign-box-top-leftalign-box-top-rightalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-vertical-bottomalign-vertical-centeralign-vertical-topappsareaarea-custom
Use the label icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23 13h-5v2h5v2h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2 2 0 0 0-2-2m0 8h-4v-2h4ZM13 9H9a2 2 0 0 0-2 2v12h2v-5h4v5h2V11a2 2 0 0 0-2-2m-4 7v-5h4v5Z"/><path fill="currentColor" d="M28 28H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2M4 6v20h24V6Z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonLabel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23 13h-5v2h5v2h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2 2 0 0 0-2-2m0 8h-4v-2h4ZM13 9H9a2 2 0 0 0-2 2v12h2v-5h4v5h2V11a2 2 0 0 0-2-2m-4 7v-5h4v5Z"/><path fill="currentColor" d="M28 28H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2M4 6v20h24V6Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23 13h-5v2h5v2h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6v-8a2 2 0 0 0-2-2m0 8h-4v-2h4ZM13 9H9a2 2 0 0 0-2 2v12h2v-5h4v5h2V11a2 2 0 0 0-2-2m-4 7v-5h4v5Z"/><path fill="currentColor" d="M28 28H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2M4 6v20h24V6Z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2013h-5v2h5v2h-4a2%202%200%200%200-2%202v2a2%202%200%200%200%202%202h6v-8a2%202%200%200%200-2-2m0%208h-4v-2h4ZM13%209H9a2%202%200%200%200-2%202v12h2v-5h4v5h2V11a2%202%200%200%200-2-2m-4%207v-5h4v5Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2028H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h24a2%202%200%200%201%202%202v20a2%202%200%200%201-2%202M4%206v20h24V6Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2013h-5v2h5v2h-4a2%202%200%200%200-2%202v2a2%202%200%200%200%202%202h6v-8a2%202%200%200%200-2-2m0%208h-4v-2h4ZM13%209H9a2%202%200%200%200-2%202v12h2v-5h4v5h2V11a2%202%200%200%200-2-2m-4%207v-5h4v5Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2028H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h24a2%202%200%200%201%202%202v20a2%202%200%200%201-2%202M4%206v20h24V6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/label.svg?color=%231a73e8&size=48
