label icon
label from IconPark by ByteDance · Color · Office · Apache-2.0 Free for personal and commercial use.
- Name
- label
- Set
- IconPark
- Style
- Color
- Category
- Office
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
labelBoxIcons v2labelBoxIcons v2 SolidlabelCarbonlabelEmoji One (Colored)label-outlineFlowbite IconslabelFluent EmojilabelFluent Emoji FlatlabelFluent Emoji High ContrastlabelFirefox OS EmojilabelHuge IconslabelIconPark OutlinelabelIconPark SolidlabelIconPark TwoTonelabelIconoirlabelMaterial Icon ThemelabelMaterial SymbolslabelMaterial Symbols LightlabelMaterial Design IconslabelMyna UI IconslabelNoto EmojilabelOpenMojilabelPixelarticonslabelTabler IconslabelTwitter Emoji
More office icons from IconPark
Use the label icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M9 4H39V44L24 33.4286L9 44V4Z"/><rect width="30" height="12" x="9" y="4" fill="#2F88FF"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkLabel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M9 4H39V44L24 33.4286L9 44V4Z"/><rect width="30" height="12" x="9" y="4" fill="#2F88FF"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M9 4H39V44L24 33.4286L9 44V4Z"/><rect width="30" height="12" x="9" y="4" fill="#2F88FF"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M9%204H39V44L24%2033.4286L9%2044V4Z%22%2F%3E%3Crect%20width%3D%2230%22%20height%3D%2212%22%20x%3D%229%22%20y%3D%224%22%20fill%3D%22%232F88FF%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M9%204H39V44L24%2033.4286L9%2044V4Z%22%2F%3E%3Crect%20width%3D%2230%22%20height%3D%2212%22%20x%3D%229%22%20y%3D%224%22%20fill%3D%22%232F88FF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/label.svg?color=%231a73e8&size=48
