label emoji

label from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.

Name
label
Set
OpenMoji
Style
Default
Category
Objects
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji 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 Symbols LightlabelMaterial Design IconslabelMyna UI IconslabelNoto EmojilabelPixelarticonslabelTabler IconslabelTwitter Emoji

More objects icons from OpenMoji

abacusaccordionadhesive-bandagealembicbackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabsbooks

Use the label emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="m24.7 16.4l-17 6v27.9l17 6h40v-40h-40zm-8.5 25c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m24.7 16.4l-17 6v27.9l17 6h40v-40h-40zm-8.5 25c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5"/></svg>

React

import type { SVGProps } from "react";

export function OpenmojiLabel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="m24.7 16.4l-17 6v27.9l17 6h40v-40h-40zm-8.5 25c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="m24.7 16.4l-17 6v27.9l17 6h40v-40h-40zm-8.5 25c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="m24.7 16.4l-17 6v27.9l17 6h40v-40h-40zm-8.5 25c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m24.7 16.4l-17 6v27.9l17 6h40v-40h-40zm-8.5 25c-2.8 0-5-2.2-5-5s2.2-5 5-5s5 2.2 5 5s-2.2 5-5 5"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22m24.7%2016.4l-17%206v27.9l17%206h40v-40h-40zm-8.5%2025c-2.8%200-5-2.2-5-5s2.2-5%205-5s5%202.2%205%205s-2.2%205-5%205%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m24.7%2016.4l-17%206v27.9l17%206h40v-40h-40zm-8.5%2025c-2.8%200-5-2.2-5-5s2.2-5%205-5s5%202.2%205%205s-2.2%205-5%205%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22m24.7%2016.4l-17%206v27.9l17%206h40v-40h-40zm-8.5%2025c-2.8%200-5-2.2-5-5s2.2-5%205-5s5%202.2%205%205s-2.2%205-5%205%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m24.7%2016.4l-17%206v27.9l17%206h40v-40h-40zm-8.5%2025c-2.8%200-5-2.2-5-5s2.2-5%205-5s5%202.2%205%205s-2.2%205-5%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/label.svg?color=%231a73e8&size=48