boxing glove icon

boxing-glove-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
boxing-glove-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

boxing-gloveboxing-glove-boldboxing-glove-duotoneboxing-glove-fillboxing-glove-light

The same icon in other sets

boxing-gloveEmoji One (Colored)boxing-gloveFluent Emojiboxing-gloveFluent Emoji Flatboxing-gloveFluent Emoji High Contrastboxing-gloveHuge Iconsboxing-gloveIconoirboxing-gloveMaterial Design Iconsboxing-gloveNoto Emojiboxing-gloveOpenMojiboxing-gloveTwitter Emoji

Use the boxing glove icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 20h-48a52.06 52.06 0 0 0-52 52v4H56a28 28 0 0 0-28 28v29.19a12 12 0 0 0 2.63 7.5c.1.12.2.24.31.35L68 177.67V216a12 12 0 0 0 12 12h112a12 12 0 0 0 12-12v-39.44l15.54-54.38a12.3 12.3 0 0 0 .46-3.3V72a52.06 52.06 0 0 0-52-52m44 98.88a4 4 0 0 1-.15 1.1l-15.7 54.92a4 4 0 0 0-.15 1.1v40a4 4 0 0 1-4 4H80a4 4 0 0 1-4-4v-40a4 4 0 0 0-1.19-2.84l-38.05-37.62a4 4 0 0 1-.76-2.35V104a20 20 0 0 1 20-20h12v20a4 4 0 0 0 8 0V72a44.05 44.05 0 0 1 44-44h48a44.05 44.05 0 0 1 44 44Zm-42.21 44.7L145 176l24.84 12.42a4 4 0 0 1-3.58 7.16L136 180.47l-30.21 15.11a4 4 0 1 1-3.58-7.16L127.05 176l-24.84-12.42a4 4 0 1 1 3.58-7.16L136 171.53l30.21-15.11a4 4 0 0 1 3.58 7.16"/></svg>

React

import type { SVGProps } from "react";

export function PhBoxingGloveThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 20h-48a52.06 52.06 0 0 0-52 52v4H56a28 28 0 0 0-28 28v29.19a12 12 0 0 0 2.63 7.5c.1.12.2.24.31.35L68 177.67V216a12 12 0 0 0 12 12h112a12 12 0 0 0 12-12v-39.44l15.54-54.38a12.3 12.3 0 0 0 .46-3.3V72a52.06 52.06 0 0 0-52-52m44 98.88a4 4 0 0 1-.15 1.1l-15.7 54.92a4 4 0 0 0-.15 1.1v40a4 4 0 0 1-4 4H80a4 4 0 0 1-4-4v-40a4 4 0 0 0-1.19-2.84l-38.05-37.62a4 4 0 0 1-.76-2.35V104a20 20 0 0 1 20-20h12v20a4 4 0 0 0 8 0V72a44.05 44.05 0 0 1 44-44h48a44.05 44.05 0 0 1 44 44Zm-42.21 44.7L145 176l24.84 12.42a4 4 0 0 1-3.58 7.16L136 180.47l-30.21 15.11a4 4 0 1 1-3.58-7.16L127.05 176l-24.84-12.42a4 4 0 1 1 3.58-7.16L136 171.53l30.21-15.11a4 4 0 0 1 3.58 7.16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 20h-48a52.06 52.06 0 0 0-52 52v4H56a28 28 0 0 0-28 28v29.19a12 12 0 0 0 2.63 7.5c.1.12.2.24.31.35L68 177.67V216a12 12 0 0 0 12 12h112a12 12 0 0 0 12-12v-39.44l15.54-54.38a12.3 12.3 0 0 0 .46-3.3V72a52.06 52.06 0 0 0-52-52m44 98.88a4 4 0 0 1-.15 1.1l-15.7 54.92a4 4 0 0 0-.15 1.1v40a4 4 0 0 1-4 4H80a4 4 0 0 1-4-4v-40a4 4 0 0 0-1.19-2.84l-38.05-37.62a4 4 0 0 1-.76-2.35V104a20 20 0 0 1 20-20h12v20a4 4 0 0 0 8 0V72a44.05 44.05 0 0 1 44-44h48a44.05 44.05 0 0 1 44 44Zm-42.21 44.7L145 176l24.84 12.42a4 4 0 0 1-3.58 7.16L136 180.47l-30.21 15.11a4 4 0 1 1-3.58-7.16L127.05 176l-24.84-12.42a4 4 0 1 1 3.58-7.16L136 171.53l30.21-15.11a4 4 0 0 1 3.58 7.16"/></svg>
</template>

CSS

.icon-boxing-glove-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168%2020h-48a52.06%2052.06%200%200%200-52%2052v4H56a28%2028%200%200%200-28%2028v29.19a12%2012%200%200%200%202.63%207.5c.1.12.2.24.31.35L68%20177.67V216a12%2012%200%200%200%2012%2012h112a12%2012%200%200%200%2012-12v-39.44l15.54-54.38a12.3%2012.3%200%200%200%20.46-3.3V72a52.06%2052.06%200%200%200-52-52m44%2098.88a4%204%200%200%201-.15%201.1l-15.7%2054.92a4%204%200%200%200-.15%201.1v40a4%204%200%200%201-4%204H80a4%204%200%200%201-4-4v-40a4%204%200%200%200-1.19-2.84l-38.05-37.62a4%204%200%200%201-.76-2.35V104a20%2020%200%200%201%2020-20h12v20a4%204%200%200%200%208%200V72a44.05%2044.05%200%200%201%2044-44h48a44.05%2044.05%200%200%201%2044%2044Zm-42.21%2044.7L145%20176l24.84%2012.42a4%204%200%200%201-3.58%207.16L136%20180.47l-30.21%2015.11a4%204%200%201%201-3.58-7.16L127.05%20176l-24.84-12.42a4%204%200%201%201%203.58-7.16L136%20171.53l30.21-15.11a4%204%200%200%201%203.58%207.16%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168%2020h-48a52.06%2052.06%200%200%200-52%2052v4H56a28%2028%200%200%200-28%2028v29.19a12%2012%200%200%200%202.63%207.5c.1.12.2.24.31.35L68%20177.67V216a12%2012%200%200%200%2012%2012h112a12%2012%200%200%200%2012-12v-39.44l15.54-54.38a12.3%2012.3%200%200%200%20.46-3.3V72a52.06%2052.06%200%200%200-52-52m44%2098.88a4%204%200%200%201-.15%201.1l-15.7%2054.92a4%204%200%200%200-.15%201.1v40a4%204%200%200%201-4%204H80a4%204%200%200%201-4-4v-40a4%204%200%200%200-1.19-2.84l-38.05-37.62a4%204%200%200%201-.76-2.35V104a20%2020%200%200%201%2020-20h12v20a4%204%200%200%200%208%200V72a44.05%2044.05%200%200%201%2044-44h48a44.05%2044.05%200%200%201%2044%2044Zm-42.21%2044.7L145%20176l24.84%2012.42a4%204%200%200%201-3.58%207.16L136%20180.47l-30.21%2015.11a4%204%200%201%201-3.58-7.16L127.05%20176l-24.84-12.42a4%204%200%201%201%203.58-7.16L136%20171.53l30.21-15.11a4%204%200%200%201%203.58%207.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/boxing-glove-thin.svg?color=%231a73e8&size=48