label icon
label-outline from Flowbite Icons by Themesberg · Outline · General · MIT Free for personal and commercial use.
- Name
- label-outline
- Set
- Flowbite Icons
- Style
- Outline
- Category
- General
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
The same icon in other sets
labelBoxIcons v2labelBoxIcons v2 SolidlabelCarbonlabelEmoji One (Colored)labelFluent 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 general icons from Flowbite Icons
add-column-after-outlineadd-column-before-outlineadjustments-horizontal-outlineadjustments-vertical-outlineannotation-outlineapi-key-outlinearchive-outlinearrow-up-right-from-square-outlineatom-outlineaward-outlinebadge-check-outlineban-outlinebarcode-outlinebars-from-left-outlinebars-outlinebattery-outlinebed-outlinebell-active-alt-outlinebell-active-outlinebell-outlinebell-ring-outlineblender-phone-outlinebook-open-outlinebook-outline
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-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.2 6H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11.2a1 1 0 0 0 .747-.334l4.46-5a1 1 0 0 0 0-1.332l-4.46-5A1 1 0 0 0 15.2 6"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteLabelOutline(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M15.2 6H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11.2a1 1 0 0 0 .747-.334l4.46-5a1 1 0 0 0 0-1.332l-4.46-5A1 1 0 0 0 15.2 6"/></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-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.2 6H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11.2a1 1 0 0 0 .747-.334l4.46-5a1 1 0 0 0 0-1.332l-4.46-5A1 1 0 0 0 15.2 6"/></svg> </template>
CSS
.icon-label-outline {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.2%206H4a1%201%200%200%200-1%201v10a1%201%200%200%200%201%201h11.2a1%201%200%200%200%20.747-.334l4.46-5a1%201%200%200%200%200-1.332l-4.46-5A1%201%200%200%200%2015.2%206%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.2%206H4a1%201%200%200%200-1%201v10a1%201%200%200%200%201%201h11.2a1%201%200%200%200%20.747-.334l4.46-5a1%201%200%200%200%200-1.332l-4.46-5A1%201%200%200%200%2015.2%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/label-outline.svg?color=%231a73e8&size=48
