label icon
label from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.
- Name
- label
- Set
- BoxIcons v2 Solid
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
labelBoxIcons v2labelCarbonlabelEmoji 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
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.162z"/></svg>
React
import type { SVGProps } from "react";
export function BxsLabel(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.162z"/></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.162z"/></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.162z%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.162z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/label.svg?color=%231a73e8&size=48
