label icon
label-outline-rounded from Material Symbols Light by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- label-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
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 SymbolslabelMaterial Design IconslabelMyna UI IconslabelNoto EmojilabelOpenMojilabelPixelarticonslabelTabler IconslabelTwitter Emoji
More actions icons from Material Symbols Light
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.616 19q-.667 0-1.141-.475T3 17.386V6.615q0-.666.475-1.14T4.615 5h10.212q.384 0 .727.167t.565.46l4.135 5.385q.342.447.342.988t-.342.989l-4.135 5.384q-.222.294-.565.46t-.727.167zm0-1h10.211q.154 0 .279-.058t.221-.173l4.135-5.384q.134-.173.134-.385t-.134-.384L15.327 6.23q-.096-.115-.221-.173T14.827 6H4.616q-.27 0-.443.173T4 6.616v10.769q0 .269.173.442t.443.173m7.192-6"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightLabelOutlineRounded(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.616 19q-.667 0-1.141-.475T3 17.386V6.615q0-.666.475-1.14T4.615 5h10.212q.384 0 .727.167t.565.46l4.135 5.385q.342.447.342.988t-.342.989l-4.135 5.384q-.222.294-.565.46t-.727.167zm0-1h10.211q.154 0 .279-.058t.221-.173l4.135-5.384q.134-.173.134-.385t-.134-.384L15.327 6.23q-.096-.115-.221-.173T14.827 6H4.616q-.27 0-.443.173T4 6.616v10.769q0 .269.173.442t.443.173m7.192-6"/></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.616 19q-.667 0-1.141-.475T3 17.386V6.615q0-.666.475-1.14T4.615 5h10.212q.384 0 .727.167t.565.46l4.135 5.385q.342.447.342.988t-.342.989l-4.135 5.384q-.222.294-.565.46t-.727.167zm0-1h10.211q.154 0 .279-.058t.221-.173l4.135-5.384q.134-.173.134-.385t-.134-.384L15.327 6.23q-.096-.115-.221-.173T14.827 6H4.616q-.27 0-.443.173T4 6.616v10.769q0 .269.173.442t.443.173m7.192-6"/></svg> </template>
CSS
.icon-label-outline-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.616%2019q-.667%200-1.141-.475T3%2017.386V6.615q0-.666.475-1.14T4.615%205h10.212q.384%200%20.727.167t.565.46l4.135%205.385q.342.447.342.988t-.342.989l-4.135%205.384q-.222.294-.565.46t-.727.167zm0-1h10.211q.154%200%20.279-.058t.221-.173l4.135-5.384q.134-.173.134-.385t-.134-.384L15.327%206.23q-.096-.115-.221-.173T14.827%206H4.616q-.27%200-.443.173T4%206.616v10.769q0%20.269.173.442t.443.173m7.192-6%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.616%2019q-.667%200-1.141-.475T3%2017.386V6.615q0-.666.475-1.14T4.615%205h10.212q.384%200%20.727.167t.565.46l4.135%205.385q.342.447.342.988t-.342.989l-4.135%205.384q-.222.294-.565.46t-.727.167zm0-1h10.211q.154%200%20.279-.058t.221-.173l4.135-5.384q.134-.173.134-.385t-.134-.384L15.327%206.23q-.096-.115-.221-.173T14.827%206H4.616q-.27%200-.443.173T4%206.616v10.769q0%20.269.173.442t.443.173m7.192-6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/label-outline-rounded.svg?color=%231a73e8&size=48
