label icon
label from IconPark TwoTone by ByteDance · Two tone · Office · Apache-2.0 Free for personal and commercial use.
- Name
- label
- Set
- IconPark TwoTone
- Style
- Two tone
- 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 IconslabelIconParklabelIconPark OutlinelabelIconPark SolidlabelIconoirlabelMaterial Icon ThemelabelMaterial SymbolslabelMaterial Symbols LightlabelMaterial Design IconslabelMyna UI IconslabelNoto EmojilabelOpenMojilabelPixelarticonslabelTabler IconslabelTwitter Emoji
More office icons from IconPark TwoTone
Use the label icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGdzEbUc2s"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M9 4h30v40L24 33.429L9 44z"/><path fill="#555" d="M9 4h30v12H9z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGdzEbUc2s)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneLabel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGdzEbUc2s"><g fill="none" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M9 4h30v40L24 33.429L9 44z"/><path fill="#555" d="M9 4h30v12H9z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGdzEbUc2s)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGdzEbUc2s"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M9 4h30v40L24 33.429L9 44z"/><path fill="#555" d="M9 4h30v12H9z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGdzEbUc2s)"/></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%3Cdefs%3E%3Cmask%20id%3D%22SVGdzEbUc2s%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M9%204h30v40L24%2033.429L9%2044z%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M9%204h30v12H9z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGdzEbUc2s)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGdzEbUc2s%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M9%204h30v40L24%2033.429L9%2044z%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M9%204h30v12H9z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGdzEbUc2s)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/label.svg?color=%231a73e8&size=48
