label icon
label from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- label
- Set
- Huge Icons
- Style
- Stroke
- 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 EmojilabelIconParklabelIconPark OutlinelabelIconPark SolidlabelIconPark TwoTonelabelIconoirlabelMaterial Icon ThemelabelMaterial SymbolslabelMaterial Symbols LightlabelMaterial Design IconslabelMyna UI IconslabelNoto EmojilabelOpenMojilabelPixelarticonslabelTabler IconslabelTwitter Emoji
Related icons in Huge Icons
Use the label icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h3c1.963 0 2.944 0 3.789.422c.844.423 1.433 1.208 2.611 2.778C21.133 9.511 22 10.667 22 12s-.867 2.489-2.6 4.8c-1.178 1.57-1.767 2.355-2.611 2.778C15.944 20 14.963 20 13 20h-3c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsLabel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="1.5" d="M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h3c1.963 0 2.944 0 3.789.422c.844.423 1.433 1.208 2.611 2.778C21.133 9.511 22 10.667 22 12s-.867 2.489-2.6 4.8c-1.178 1.57-1.767 2.355-2.611 2.778C15.944 20 14.963 20 13 20h-3c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h3c1.963 0 2.944 0 3.789.422c.844.423 1.433 1.208 2.611 2.778C21.133 9.511 22 10.667 22 12s-.867 2.489-2.6 4.8c-1.178 1.57-1.767 2.355-2.611 2.778C15.944 20 14.963 20 13 20h-3c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12Z"/></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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2012c0-3.771%200-5.657%201.172-6.828S6.229%204%2010%204h3c1.963%200%202.944%200%203.789.422c.844.423%201.433%201.208%202.611%202.778C21.133%209.511%2022%2010.667%2022%2012s-.867%202.489-2.6%204.8c-1.178%201.57-1.767%202.355-2.611%202.778C15.944%2020%2014.963%2020%2013%2020h-3c-3.771%200-5.657%200-6.828-1.172S2%2015.771%202%2012Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2012c0-3.771%200-5.657%201.172-6.828S6.229%204%2010%204h3c1.963%200%202.944%200%203.789.422c.844.423%201.433%201.208%202.611%202.778C21.133%209.511%2022%2010.667%2022%2012s-.867%202.489-2.6%204.8c-1.178%201.57-1.767%202.355-2.611%202.778C15.944%2020%2014.963%2020%2013%2020h-3c-3.771%200-5.657%200-6.828-1.172S2%2015.771%202%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/label.svg?color=%231a73e8&size=48
