label emoji
label from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- label
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 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 EmojilabelOpenMojilabelPixelarticonslabelTabler Icons
More objects icons from Twitter Emoji
Use the label emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M32.017 20.181L17.345 5.746C16.687 5.087 15.823 5 14.96 5H4.883C3.029 5 2 6.029 2 7.883v10.082c0 .861.089 1.723.746 2.38L17.3 35.017a3.287 3.287 0 0 0 4.688 0l10.059-10.088c1.31-1.312 1.28-3.438-.03-4.748m-23.596-8.76a1.497 1.497 0 1 1-2.118-2.117a1.497 1.497 0 0 1 2.118 2.117"/><path fill="#d99e82" d="M9.952 7.772a3.66 3.66 0 0 0-5.179 0a3.662 3.662 0 1 0 5.18 5.18a3.664 3.664 0 0 0-.001-5.18m-1.53 3.65a1.499 1.499 0 1 1-2.119-2.12a1.499 1.499 0 0 1 2.119 2.12"/><path fill="#c1694f" d="M8.507 10.501a1 1 0 1 1-1.415-1.414L15.577.602a1 1 0 1 1 1.415 1.414z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLabel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M32.017 20.181L17.345 5.746C16.687 5.087 15.823 5 14.96 5H4.883C3.029 5 2 6.029 2 7.883v10.082c0 .861.089 1.723.746 2.38L17.3 35.017a3.287 3.287 0 0 0 4.688 0l10.059-10.088c1.31-1.312 1.28-3.438-.03-4.748m-23.596-8.76a1.497 1.497 0 1 1-2.118-2.117a1.497 1.497 0 0 1 2.118 2.117"/><path fill="#d99e82" d="M9.952 7.772a3.66 3.66 0 0 0-5.179 0a3.662 3.662 0 1 0 5.18 5.18a3.664 3.664 0 0 0-.001-5.18m-1.53 3.65a1.499 1.499 0 1 1-2.119-2.12a1.499 1.499 0 0 1 2.119 2.12"/><path fill="#c1694f" d="M8.507 10.501a1 1 0 1 1-1.415-1.414L15.577.602a1 1 0 1 1 1.415 1.414z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M32.017 20.181L17.345 5.746C16.687 5.087 15.823 5 14.96 5H4.883C3.029 5 2 6.029 2 7.883v10.082c0 .861.089 1.723.746 2.38L17.3 35.017a3.287 3.287 0 0 0 4.688 0l10.059-10.088c1.31-1.312 1.28-3.438-.03-4.748m-23.596-8.76a1.497 1.497 0 1 1-2.118-2.117a1.497 1.497 0 0 1 2.118 2.117"/><path fill="#d99e82" d="M9.952 7.772a3.66 3.66 0 0 0-5.179 0a3.662 3.662 0 1 0 5.18 5.18a3.664 3.664 0 0 0-.001-5.18m-1.53 3.65a1.499 1.499 0 1 1-2.119-2.12a1.499 1.499 0 0 1 2.119 2.12"/><path fill="#c1694f" d="M8.507 10.501a1 1 0 1 1-1.415-1.414L15.577.602a1 1 0 1 1 1.415 1.414z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M32.017%2020.181L17.345%205.746C16.687%205.087%2015.823%205%2014.96%205H4.883C3.029%205%202%206.029%202%207.883v10.082c0%20.861.089%201.723.746%202.38L17.3%2035.017a3.287%203.287%200%200%200%204.688%200l10.059-10.088c1.31-1.312%201.28-3.438-.03-4.748m-23.596-8.76a1.497%201.497%200%201%201-2.118-2.117a1.497%201.497%200%200%201%202.118%202.117%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M9.952%207.772a3.66%203.66%200%200%200-5.179%200a3.662%203.662%200%201%200%205.18%205.18a3.664%203.664%200%200%200-.001-5.18m-1.53%203.65a1.499%201.499%200%201%201-2.119-2.12a1.499%201.499%200%200%201%202.119%202.12%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M8.507%2010.501a1%201%200%201%201-1.415-1.414L15.577.602a1%201%200%201%201%201.415%201.414z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M32.017%2020.181L17.345%205.746C16.687%205.087%2015.823%205%2014.96%205H4.883C3.029%205%202%206.029%202%207.883v10.082c0%20.861.089%201.723.746%202.38L17.3%2035.017a3.287%203.287%200%200%200%204.688%200l10.059-10.088c1.31-1.312%201.28-3.438-.03-4.748m-23.596-8.76a1.497%201.497%200%201%201-2.118-2.117a1.497%201.497%200%200%201%202.118%202.117%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M9.952%207.772a3.66%203.66%200%200%200-5.179%200a3.662%203.662%200%201%200%205.18%205.18a3.664%203.664%200%200%200-.001-5.18m-1.53%203.65a1.499%201.499%200%201%201-2.119-2.12a1.499%201.499%200%200%201%202.119%202.12%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M8.507%2010.501a1%201%200%201%201-1.415-1.414L15.577.602a1%201%200%201%201%201.415%201.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/label.svg?color=%231a73e8&size=48
