label icon
label-rounded from Material Symbols by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- label-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
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 SolidlabelIconPark TwoTonelabelIconoirlabelMaterial Icon ThemelabelMaterial Symbols LightlabelMaterial Design IconslabelMyna UI IconslabelNoto EmojilabelOpenMojilabelPixelarticonslabelTabler IconslabelTwitter Emoji
More actions icons from Material Symbols
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="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h11q.475 0 .9.213t.7.587l4.5 6q.4.525.4 1.2t-.4 1.2l-4.5 6q-.275.375-.7.588T15 20z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLabelRounded(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="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h11q.475 0 .9.213t.7.587l4.5 6q.4.525.4 1.2t-.4 1.2l-4.5 6q-.275.375-.7.588T15 20z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h11q.475 0 .9.213t.7.587l4.5 6q.4.525.4 1.2t-.4 1.2l-4.5 6q-.275.375-.7.588T15 20z"/></svg> </template>
CSS
.icon-label-rounded {
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%22M4%2020q-.825%200-1.412-.587T2%2018V6q0-.825.588-1.412T4%204h11q.475%200%20.9.213t.7.587l4.5%206q.4.525.4%201.2t-.4%201.2l-4.5%206q-.275.375-.7.588T15%2020z%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%22M4%2020q-.825%200-1.412-.587T2%2018V6q0-.825.588-1.412T4%204h11q.475%200%20.9.213t.7.587l4.5%206q.4.525.4%201.2t-.4%201.2l-4.5%206q-.275.375-.7.588T15%2020z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/label-rounded.svg?color=%231a73e8&size=48
