# boxing-glove icon Boxing glove. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/boxing-glove - Category: Games & sports - Use it for: boxing, martial arts, kickboxing, combat sports - Tags: boxing, boxing-glove, glove, punch, fight, martial-arts, sport, gym, combat - Component name: BoxingGloveIcon - Added: 2026-10-16 ## Alternatives - `swords`: a battle, combat or versus in a game ## Also fits - battle: boxing or martial arts ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/boxing-glove.svg · PNG https://gentleface.com/png/line-round/16/boxing-glove.png · https://gentleface.com/png/line-round/32/boxing-glove.png · https://gentleface.com/png/line-round/48/boxing-glove.png - line-soft: https://gentleface.com/svg/line-soft/16/boxing-glove.svg · PNG https://gentleface.com/png/line-soft/16/boxing-glove.png · https://gentleface.com/png/line-soft/32/boxing-glove.png · https://gentleface.com/png/line-soft/48/boxing-glove.png - line-sharp: https://gentleface.com/svg/line-sharp/16/boxing-glove.svg · PNG https://gentleface.com/png/line-sharp/16/boxing-glove.png · https://gentleface.com/png/line-sharp/32/boxing-glove.png · https://gentleface.com/png/line-sharp/48/boxing-glove.png - solid-round: https://gentleface.com/svg/solid-round/16/boxing-glove.svg · PNG https://gentleface.com/png/solid-round/16/boxing-glove.png · https://gentleface.com/png/solid-round/32/boxing-glove.png · https://gentleface.com/png/solid-round/48/boxing-glove.png - solid-soft: https://gentleface.com/svg/solid-soft/16/boxing-glove.svg · PNG https://gentleface.com/png/solid-soft/16/boxing-glove.png · https://gentleface.com/png/solid-soft/32/boxing-glove.png · https://gentleface.com/png/solid-soft/48/boxing-glove.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/boxing-glove.svg · PNG https://gentleface.com/png/solid-sharp/16/boxing-glove.png · https://gentleface.com/png/solid-sharp/32/boxing-glove.png · https://gentleface.com/png/solid-sharp/48/boxing-glove.png The SVG of every style: https://gentleface.com/icons/boxing-glove.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "boxing-glove" (line-round), MIT. https://gentleface.com/icons/boxing-glove import type { SVGProps } from 'react'; export function BoxingGloveIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "boxing-glove" (line-round), MIT. https://gentleface.com/icons/boxing-glove. Takes the text color. */ .icon-boxing-glove { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5C3.254 5 3.5 5.047 3.736 5.14C3.828 5.177 3.916 5.219 4 5.268L4 4.5C4 4.055 4.082 3.625 4.246 3.212C4.424 2.762 4.683 2.367 5.025 2.025C5.367 1.683 5.762 1.424 6.212 1.246C6.625 1.082 7.055 1 7.5 1L9.5 1C9.945 1 10.375 1.082 10.788 1.246C11.238 1.424 11.633 1.683 11.975 2.025C12.317 2.367 12.576 2.762 12.754 3.212C12.918 3.625 13 4.055 13 4.5L13 8.5C13 9.245 12.833 9.951 12.5 10.618L12.394 10.829C12.131 11.355 12 11.912 12 12.5L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11.98C3.135 11.909 2.442 11.645 1.921 11.189C1.613 10.92 1.381 10.595 1.225 10.213C1.075 9.848 1 9.443 1 9L1 7C1 6.746 1.047 6.5 1.14 6.264ZM2.579 10.436C3.009 10.812 3.649 11 4.5 11L11.243 11C11.313 10.79 11.399 10.584 11.5 10.382L11.606 10.171C11.869 9.645 12 9.088 12 8.5L12 4.5C12 4.182 11.941 3.875 11.824 3.58C11.697 3.259 11.512 2.976 11.268 2.732C11.024 2.488 10.741 2.303 10.42 2.176C10.125 2.059 9.818 2 9.5 2L7.5 2C7.182 2 6.875 2.059 6.58 2.176C6.259 2.303 5.976 2.488 5.732 2.732C5.488 2.976 5.303 3.259 5.176 3.58C5.059 3.875 5 4.182 5 4.5L5 8.5C5 8.641 4.952 8.759 4.856 8.856C4.759 8.952 4.641 9 4.5 9C4.359 9 4.241 8.952 4.144 8.856C4.048 8.759 4 8.641 4 8.5L4 7C4 6.724 3.902 6.488 3.707 6.293C3.512 6.098 3.276 6 3 6C2.724 6 2.488 6.098 2.293 6.293C2.098 6.488 2 6.724 2 7L2 9C2 9.62 2.193 10.098 2.579 10.436ZM11 12.5C11 12.331 11.009 12.165 11.026 12L5 12L5 14L11 14L11 12.5Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5C3.254 5 3.5 5.047 3.736 5.14C3.828 5.177 3.916 5.219 4 5.268L4 4.5C4 4.055 4.082 3.625 4.246 3.212C4.424 2.762 4.683 2.367 5.025 2.025C5.367 1.683 5.762 1.424 6.212 1.246C6.625 1.082 7.055 1 7.5 1L9.5 1C9.945 1 10.375 1.082 10.788 1.246C11.238 1.424 11.633 1.683 11.975 2.025C12.317 2.367 12.576 2.762 12.754 3.212C12.918 3.625 13 4.055 13 4.5L13 8.5C13 9.245 12.833 9.951 12.5 10.618L12.394 10.829C12.131 11.355 12 11.912 12 12.5L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11.98C3.135 11.909 2.442 11.645 1.921 11.189C1.613 10.92 1.381 10.595 1.225 10.213C1.075 9.848 1 9.443 1 9L1 7C1 6.746 1.047 6.5 1.14 6.264ZM2.579 10.436C3.009 10.812 3.649 11 4.5 11L11.243 11C11.313 10.79 11.399 10.584 11.5 10.382L11.606 10.171C11.869 9.645 12 9.088 12 8.5L12 4.5C12 4.182 11.941 3.875 11.824 3.58C11.697 3.259 11.512 2.976 11.268 2.732C11.024 2.488 10.741 2.303 10.42 2.176C10.125 2.059 9.818 2 9.5 2L7.5 2C7.182 2 6.875 2.059 6.58 2.176C6.259 2.303 5.976 2.488 5.732 2.732C5.488 2.976 5.303 3.259 5.176 3.58C5.059 3.875 5 4.182 5 4.5L5 8.5C5 8.641 4.952 8.759 4.856 8.856C4.759 8.952 4.641 9 4.5 9C4.359 9 4.241 8.952 4.144 8.856C4.048 8.759 4 8.641 4 8.5L4 7C4 6.724 3.902 6.488 3.707 6.293C3.512 6.098 3.276 6 3 6C2.724 6 2.488 6.098 2.293 6.293C2.098 6.488 2 6.724 2 7L2 9C2 9.62 2.193 10.098 2.579 10.436ZM11 12.5C11 12.331 11.009 12.165 11.026 12L5 12L5 14L11 14L11 12.5Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5C3.254 5 3.5 5.047 3.736 5.14C3.828 5.177 3.916 5.219 4 5.268L4 4.5C4 4.055 4.082 3.625 4.246 3.212C4.424 2.762 4.683 2.367 5.025 2.025C5.367 1.683 5.762 1.424 6.212 1.246C6.625 1.082 7.055 1 7.5 1L9.5 1C9.945 1 10.375 1.082 10.788 1.246C11.238 1.424 11.633 1.683 11.975 2.025C12.317 2.367 12.576 2.762 12.754 3.212C12.918 3.625 13 4.055 13 4.5L13 8.5C13 9.245 12.833 9.951 12.5 10.618L12.394 10.829C12.131 11.355 12 11.912 12 12.5L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11.98C3.135 11.909 2.442 11.645 1.921 11.189C1.613 10.92 1.381 10.595 1.225 10.213C1.075 9.848 1 9.443 1 9L1 7C1 6.746 1.047 6.5 1.14 6.264ZM2.579 10.436C3.009 10.812 3.649 11 4.5 11L11.243 11C11.313 10.79 11.399 10.584 11.5 10.382L11.606 10.171C11.869 9.645 12 9.088 12 8.5L12 4.5C12 4.182 11.941 3.875 11.824 3.58C11.697 3.259 11.512 2.976 11.268 2.732C11.024 2.488 10.741 2.303 10.42 2.176C10.125 2.059 9.818 2 9.5 2L7.5 2C7.182 2 6.875 2.059 6.58 2.176C6.259 2.303 5.976 2.488 5.732 2.732C5.488 2.976 5.303 3.259 5.176 3.58C5.059 3.875 5 4.182 5 4.5L5 8.5C5 8.641 4.952 8.759 4.856 8.856C4.759 8.952 4.641 9 4.5 9C4.359 9 4.241 8.952 4.144 8.856C4.048 8.759 4 8.641 4 8.5L4 7C4 6.724 3.902 6.488 3.707 6.293C3.512 6.098 3.276 6 3 6C2.724 6 2.488 6.098 2.293 6.293C2.098 6.488 2 6.724 2 7L2 9C2 9.62 2.193 10.098 2.579 10.436ZM11 12.5C11 12.331 11.009 12.165 11.026 12L5 12L5 14L11 14L11 12.5Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "boxing-glove" (line-round), MIT. https://gentleface.com/icons/boxing-glove import SwiftUI struct BoxingGloveIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 1.14, y: 6.264)) p.addCurve(to: CGPoint(x: 1.586, y: 5.586), control1: CGPoint(x: 1.242, y: 6.007), control2: CGPoint(x: 1.391, y: 5.781)) p.addCurve(to: CGPoint(x: 2.264, y: 5.14), control1: CGPoint(x: 1.781, y: 5.391), control2: CGPoint(x: 2.007, y: 5.242)) p.addCurve(to: CGPoint(x: 3, y: 5), control1: CGPoint(x: 2.5, y: 5.047), control2: CGPoint(x: 2.746, y: 5)) p.addCurve(to: CGPoint(x: 3.736, y: 5.14), control1: CGPoint(x: 3.254, y: 5), control2: CGPoint(x: 3.5, y: 5.047)) p.addCurve(to: CGPoint(x: 4, y: 5.268), control1: CGPoint(x: 3.828, y: 5.177), control2: CGPoint(x: 3.916, y: 5.219)) p.addLine(to: CGPoint(x: 4, y: 4.5)) p.addCurve(to: CGPoint(x: 4.246, y: 3.212), control1: CGPoint(x: 4, y: 4.055), control2: CGPoint(x: 4.082, y: 3.625)) p.addCurve(to: CGPoint(x: 5.025, y: 2.025), control1: CGPoint(x: 4.424, y: 2.762), control2: CGPoint(x: 4.683, y: 2.367)) p.addCurve(to: CGPoint(x: 6.212, y: 1.246), control1: CGPoint(x: 5.367, y: 1.683), control2: CGPoint(x: 5.762, y: 1.424)) p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 6.625, y: 1.082), control2: CGPoint(x: 7.055, y: 1)) p.addLine(to: CGPoint(x: 9.5, y: 1)) p.addCurve(to: CGPoint(x: 10.788, y: 1.246), control1: CGPoint(x: 9.945, y: 1), control2: CGPoint(x: 10.375, y: 1.082)) p.addCurve(to: CGPoint(x: 11.975, y: 2.025), control1: CGPoint(x: 11.238, y: 1.424), control2: CGPoint(x: 11.633, y: 1.683)) p.addCurve(to: CGPoint(x: 12.754, y: 3.212), control1: CGPoint(x: 12.317, y: 2.367), control2: CGPoint(x: 12.576, y: 2.762)) p.addCurve(to: CGPoint(x: 13, y: 4.5), control1: CGPoint(x: 12.918, y: 3.625), control2: CGPoint(x: 13, y: 4.055)) p.addLine(to: CGPoint(x: 13, y: 8.5)) p.addCurve(to: CGPoint(x: 12.5, y: 10.618), control1: CGPoint(x: 13, y: 9.245), control2: CGPoint(x: 12.833, y: 9.951)) p.addLine(to: CGPoint(x: 12.394, y: 10.829)) p.addCurve(to: CGPoint(x: 12, y: 12.5), control1: CGPoint(x: 12.131, y: 11.355), control2: CGPoint(x: 12, y: 11.912)) p.addLine(to: CGPoint(x: 12, y: 14)) p.addCurve(to: CGPoint(x: 11.707, y: 14.707), control1: CGPoint(x: 12, y: 14.276), control2: CGPoint(x: 11.902, y: 14.512)) p.addCurve(to: CGPoint(x: 11, y: 15), control1: CGPoint(x: 11.512, y: 14.902), control2: CGPoint(x: 11.276, y: 15)) p.addLine(to: CGPoint(x: 5, y: 15)) p.addCurve(to: CGPoint(x: 4.293, y: 14.707), control1: CGPoint(x: 4.724, y: 15), control2: CGPoint(x: 4.488, y: 14.902)) p.addCurve(to: CGPoint(x: 4, y: 14), control1: CGPoint(x: 4.098, y: 14.512), control2: CGPoint(x: 4, y: 14.276)) p.addLine(to: CGPoint(x: 4, y: 11.98)) p.addCurve(to: CGPoint(x: 1.921, y: 11.189), control1: CGPoint(x: 3.135, y: 11.909), control2: CGPoint(x: 2.442, y: 11.645)) p.addCurve(to: CGPoint(x: 1.225, y: 10.213), control1: CGPoint(x: 1.613, y: 10.92), control2: CGPoint(x: 1.381, y: 10.595)) p.addCurve(to: CGPoint(x: 1, y: 9), control1: CGPoint(x: 1.075, y: 9.848), control2: CGPoint(x: 1, y: 9.443)) p.addLine(to: CGPoint(x: 1, y: 7)) p.addCurve(to: CGPoint(x: 1.14, y: 6.264), control1: CGPoint(x: 1, y: 6.746), control2: CGPoint(x: 1.047, y: 6.5)) p.closeSubpath() p.move(to: CGPoint(x: 2.579, y: 10.436)) p.addCurve(to: CGPoint(x: 4.5, y: 11), control1: CGPoint(x: 3.009, y: 10.812), control2: CGPoint(x: 3.649, y: 11)) p.addLine(to: CGPoint(x: 11.243, y: 11)) p.addCurve(to: CGPoint(x: 11.5, y: 10.382), control1: CGPoint(x: 11.313, y: 10.79), control2: CGPoint(x: 11.399, y: 10.584)) p.addLine(to: CGPoint(x: 11.606, y: 10.171)) p.addCurve(to: CGPoint(x: 12, y: 8.5), control1: CGPoint(x: 11.869, y: 9.645), control2: CGPoint(x: 12, y: 9.088)) p.addLine(to: CGPoint(x: 12, y: 4.5)) p.addCurve(to: CGPoint(x: 11.824, y: 3.58), control1: CGPoint(x: 12, y: 4.182), control2: CGPoint(x: 11.941, y: 3.875)) p.addCurve(to: CGPoint(x: 11.268, y: 2.732), control1: CGPoint(x: 11.697, y: 3.259), control2: CGPoint(x: 11.512, y: 2.976)) p.addCurve(to: CGPoint(x: 10.42, y: 2.176), control1: CGPoint(x: 11.024, y: 2.488), control2: CGPoint(x: 10.741, y: 2.303)) p.addCurve(to: CGPoint(x: 9.5, y: 2), control1: CGPoint(x: 10.125, y: 2.059), control2: CGPoint(x: 9.818, y: 2)) p.addLine(to: CGPoint(x: 7.5, y: 2)) p.addCurve(to: CGPoint(x: 6.58, y: 2.176), control1: CGPoint(x: 7.182, y: 2), control2: CGPoint(x: 6.875, y: 2.059)) p.addCurve(to: CGPoint(x: 5.732, y: 2.732), control1: CGPoint(x: 6.259, y: 2.303), control2: CGPoint(x: 5.976, y: 2.488)) p.addCurve(to: CGPoint(x: 5.176, y: 3.58), control1: CGPoint(x: 5.488, y: 2.976), control2: CGPoint(x: 5.303, y: 3.259)) p.addCurve(to: CGPoint(x: 5, y: 4.5), control1: CGPoint(x: 5.059, y: 3.875), control2: CGPoint(x: 5, y: 4.182)) p.addLine(to: CGPoint(x: 5, y: 8.5)) p.addCurve(to: CGPoint(x: 4.856, y: 8.856), control1: CGPoint(x: 5, y: 8.641), control2: CGPoint(x: 4.952, y: 8.759)) p.addCurve(to: CGPoint(x: 4.5, y: 9), control1: CGPoint(x: 4.759, y: 8.952), control2: CGPoint(x: 4.641, y: 9)) p.addCurve(to: CGPoint(x: 4.144, y: 8.856), control1: CGPoint(x: 4.359, y: 9), control2: CGPoint(x: 4.241, y: 8.952)) p.addCurve(to: CGPoint(x: 4, y: 8.5), control1: CGPoint(x: 4.048, y: 8.759), control2: CGPoint(x: 4, y: 8.641)) p.addLine(to: CGPoint(x: 4, y: 7)) p.addCurve(to: CGPoint(x: 3.707, y: 6.293), control1: CGPoint(x: 4, y: 6.724), control2: CGPoint(x: 3.902, y: 6.488)) p.addCurve(to: CGPoint(x: 3, y: 6), control1: CGPoint(x: 3.512, y: 6.098), control2: CGPoint(x: 3.276, y: 6)) p.addCurve(to: CGPoint(x: 2.293, y: 6.293), control1: CGPoint(x: 2.724, y: 6), control2: CGPoint(x: 2.488, y: 6.098)) p.addCurve(to: CGPoint(x: 2, y: 7), control1: CGPoint(x: 2.098, y: 6.488), control2: CGPoint(x: 2, y: 6.724)) p.addLine(to: CGPoint(x: 2, y: 9)) p.addCurve(to: CGPoint(x: 2.579, y: 10.436), control1: CGPoint(x: 2, y: 9.62), control2: CGPoint(x: 2.193, y: 10.098)) p.closeSubpath() p.move(to: CGPoint(x: 11, y: 12.5)) p.addCurve(to: CGPoint(x: 11.026, y: 12), control1: CGPoint(x: 11, y: 12.331), control2: CGPoint(x: 11.009, y: 12.165)) p.addLine(to: CGPoint(x: 5, y: 12)) p.addLine(to: CGPoint(x: 5, y: 14)) p.addLine(to: CGPoint(x: 11, y: 14)) p.addLine(to: CGPoint(x: 11, y: 12.5)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // BoxingGloveIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "boxing-glove" (line-round), MIT. https://gentleface.com/icons/boxing-glove import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val BoxingGloveIcon: ImageVector by lazy { ImageVector.Builder( name = "boxing-glove", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5C3.254 5 3.5 5.047 3.736 5.14C3.828 5.177 3.916 5.219 4 5.268L4 4.5C4 4.055 4.082 3.625 4.246 3.212C4.424 2.762 4.683 2.367 5.025 2.025C5.367 1.683 5.762 1.424 6.212 1.246C6.625 1.082 7.055 1 7.5 1L9.5 1C9.945 1 10.375 1.082 10.788 1.246C11.238 1.424 11.633 1.683 11.975 2.025C12.317 2.367 12.576 2.762 12.754 3.212C12.918 3.625 13 4.055 13 4.5L13 8.5C13 9.245 12.833 9.951 12.5 10.618L12.394 10.829C12.131 11.355 12 11.912 12 12.5L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11.98C3.135 11.909 2.442 11.645 1.921 11.189C1.613 10.92 1.381 10.595 1.225 10.213C1.075 9.848 1 9.443 1 9L1 7C1 6.746 1.047 6.5 1.14 6.264ZM2.579 10.436C3.009 10.812 3.649 11 4.5 11L11.243 11C11.313 10.79 11.399 10.584 11.5 10.382L11.606 10.171C11.869 9.645 12 9.088 12 8.5L12 4.5C12 4.182 11.941 3.875 11.824 3.58C11.697 3.259 11.512 2.976 11.268 2.732C11.024 2.488 10.741 2.303 10.42 2.176C10.125 2.059 9.818 2 9.5 2L7.5 2C7.182 2 6.875 2.059 6.58 2.176C6.259 2.303 5.976 2.488 5.732 2.732C5.488 2.976 5.303 3.259 5.176 3.58C5.059 3.875 5 4.182 5 4.5L5 8.5C5 8.641 4.952 8.759 4.856 8.856C4.759 8.952 4.641 9 4.5 9C4.359 9 4.241 8.952 4.144 8.856C4.048 8.759 4 8.641 4 8.5L4 7C4 6.724 3.902 6.488 3.707 6.293C3.512 6.098 3.276 6 3 6C2.724 6 2.488 6.098 2.293 6.293C2.098 6.488 2 6.724 2 7L2 9C2 9.62 2.193 10.098 2.579 10.436ZM11 12.5C11 12.331 11.009 12.165 11.026 12L5 12L5 14L11 14L11 12.5Z"), fill = SolidColor(Color.Black), ).build() } // Icon(BoxingGloveIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "boxing-glove" (line-round), MIT. https://gentleface.com/icons/boxing-glove import 'package:flutter/widgets.dart'; class BoxingGloveIcon extends StatelessWidget { const BoxingGloveIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _BoxingGloveIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _BoxingGloveIconPainter extends CustomPainter { _BoxingGloveIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(1.14, 6.264) ..cubicTo(1.242, 6.007, 1.391, 5.781, 1.586, 5.586) ..cubicTo(1.781, 5.391, 2.007, 5.242, 2.264, 5.14) ..cubicTo(2.5, 5.047, 2.746, 5, 3, 5) ..cubicTo(3.254, 5, 3.5, 5.047, 3.736, 5.14) ..cubicTo(3.828, 5.177, 3.916, 5.219, 4, 5.268) ..lineTo(4, 4.5) ..cubicTo(4, 4.055, 4.082, 3.625, 4.246, 3.212) ..cubicTo(4.424, 2.762, 4.683, 2.367, 5.025, 2.025) ..cubicTo(5.367, 1.683, 5.762, 1.424, 6.212, 1.246) ..cubicTo(6.625, 1.082, 7.055, 1, 7.5, 1) ..lineTo(9.5, 1) ..cubicTo(9.945, 1, 10.375, 1.082, 10.788, 1.246) ..cubicTo(11.238, 1.424, 11.633, 1.683, 11.975, 2.025) ..cubicTo(12.317, 2.367, 12.576, 2.762, 12.754, 3.212) ..cubicTo(12.918, 3.625, 13, 4.055, 13, 4.5) ..lineTo(13, 8.5) ..cubicTo(13, 9.245, 12.833, 9.951, 12.5, 10.618) ..lineTo(12.394, 10.829) ..cubicTo(12.131, 11.355, 12, 11.912, 12, 12.5) ..lineTo(12, 14) ..cubicTo(12, 14.276, 11.902, 14.512, 11.707, 14.707) ..cubicTo(11.512, 14.902, 11.276, 15, 11, 15) ..lineTo(5, 15) ..cubicTo(4.724, 15, 4.488, 14.902, 4.293, 14.707) ..cubicTo(4.098, 14.512, 4, 14.276, 4, 14) ..lineTo(4, 11.98) ..cubicTo(3.135, 11.909, 2.442, 11.645, 1.921, 11.189) ..cubicTo(1.613, 10.92, 1.381, 10.595, 1.225, 10.213) ..cubicTo(1.075, 9.848, 1, 9.443, 1, 9) ..lineTo(1, 7) ..cubicTo(1, 6.746, 1.047, 6.5, 1.14, 6.264) ..close() ..moveTo(2.579, 10.436) ..cubicTo(3.009, 10.812, 3.649, 11, 4.5, 11) ..lineTo(11.243, 11) ..cubicTo(11.313, 10.79, 11.399, 10.584, 11.5, 10.382) ..lineTo(11.606, 10.171) ..cubicTo(11.869, 9.645, 12, 9.088, 12, 8.5) ..lineTo(12, 4.5) ..cubicTo(12, 4.182, 11.941, 3.875, 11.824, 3.58) ..cubicTo(11.697, 3.259, 11.512, 2.976, 11.268, 2.732) ..cubicTo(11.024, 2.488, 10.741, 2.303, 10.42, 2.176) ..cubicTo(10.125, 2.059, 9.818, 2, 9.5, 2) ..lineTo(7.5, 2) ..cubicTo(7.182, 2, 6.875, 2.059, 6.58, 2.176) ..cubicTo(6.259, 2.303, 5.976, 2.488, 5.732, 2.732) ..cubicTo(5.488, 2.976, 5.303, 3.259, 5.176, 3.58) ..cubicTo(5.059, 3.875, 5, 4.182, 5, 4.5) ..lineTo(5, 8.5) ..cubicTo(5, 8.641, 4.952, 8.759, 4.856, 8.856) ..cubicTo(4.759, 8.952, 4.641, 9, 4.5, 9) ..cubicTo(4.359, 9, 4.241, 8.952, 4.144, 8.856) ..cubicTo(4.048, 8.759, 4, 8.641, 4, 8.5) ..lineTo(4, 7) ..cubicTo(4, 6.724, 3.902, 6.488, 3.707, 6.293) ..cubicTo(3.512, 6.098, 3.276, 6, 3, 6) ..cubicTo(2.724, 6, 2.488, 6.098, 2.293, 6.293) ..cubicTo(2.098, 6.488, 2, 6.724, 2, 7) ..lineTo(2, 9) ..cubicTo(2, 9.62, 2.193, 10.098, 2.579, 10.436) ..close() ..moveTo(11, 12.5) ..cubicTo(11, 12.331, 11.009, 12.165, 11.026, 12) ..lineTo(5, 12) ..lineTo(5, 14) ..lineTo(11, 14) ..lineTo(11, 12.5) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_BoxingGloveIconPainter old) => old.color != color; } ```