boxer icon
boxer from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- boxer
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the boxer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M4.82 3h14.36c.537 0 .805 0 1.004.093a1 1 0 0 1 .54.641c.058.213.014.48-.075 1.013c-.065.395-.098.593-.185.747a1 1 0 0 1-.521.445C19.777 6 19.578 6 19.18 6H4.82c-.398 0-.597 0-.763-.061a1 1 0 0 1-.521-.445c-.087-.154-.12-.352-.185-.747c-.089-.534-.133-.8-.075-1.013a1 1 0 0 1 .54-.641C4.015 3 4.283 3 4.82 3Z"/><path stroke-linejoin="round" d="M4 6c-1.2 2.352-2 4.066-2 6.7v5.067c0 1.387 0 2.08.44 2.51c.918.902 6.077 1.024 7.12 0c1.084-1.062.045-3.114.592-4.41c.336-.794 1.236-1.422 1.848-2.022m0 0l-1.5-1.471m1.5 1.47c.613.601 1.512 1.229 1.848 2.024c.547 1.295-.492 3.347.591 4.41c.919.9 6.078 1.023 7.122 0c.439-.431.439-1.124.439-2.511V12.7c0-2.634-.8-4.348-2-6.7"/><path stroke-linejoin="round" d="M10 8.778L12 6l3 5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsBoxer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M4.82 3h14.36c.537 0 .805 0 1.004.093a1 1 0 0 1 .54.641c.058.213.014.48-.075 1.013c-.065.395-.098.593-.185.747a1 1 0 0 1-.521.445C19.777 6 19.578 6 19.18 6H4.82c-.398 0-.597 0-.763-.061a1 1 0 0 1-.521-.445c-.087-.154-.12-.352-.185-.747c-.089-.534-.133-.8-.075-1.013a1 1 0 0 1 .54-.641C4.015 3 4.283 3 4.82 3Z"/><path strokeLinejoin="round" d="M4 6c-1.2 2.352-2 4.066-2 6.7v5.067c0 1.387 0 2.08.44 2.51c.918.902 6.077 1.024 7.12 0c1.084-1.062.045-3.114.592-4.41c.336-.794 1.236-1.422 1.848-2.022m0 0l-1.5-1.471m1.5 1.47c.613.601 1.512 1.229 1.848 2.024c.547 1.295-.492 3.347.591 4.41c.919.9 6.078 1.023 7.122 0c.439-.431.439-1.124.439-2.511V12.7c0-2.634-.8-4.348-2-6.7"/><path strokeLinejoin="round" d="M10 8.778L12 6l3 5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M4.82 3h14.36c.537 0 .805 0 1.004.093a1 1 0 0 1 .54.641c.058.213.014.48-.075 1.013c-.065.395-.098.593-.185.747a1 1 0 0 1-.521.445C19.777 6 19.578 6 19.18 6H4.82c-.398 0-.597 0-.763-.061a1 1 0 0 1-.521-.445c-.087-.154-.12-.352-.185-.747c-.089-.534-.133-.8-.075-1.013a1 1 0 0 1 .54-.641C4.015 3 4.283 3 4.82 3Z"/><path stroke-linejoin="round" d="M4 6c-1.2 2.352-2 4.066-2 6.7v5.067c0 1.387 0 2.08.44 2.51c.918.902 6.077 1.024 7.12 0c1.084-1.062.045-3.114.592-4.41c.336-.794 1.236-1.422 1.848-2.022m0 0l-1.5-1.471m1.5 1.47c.613.601 1.512 1.229 1.848 2.024c.547 1.295-.492 3.347.591 4.41c.919.9 6.078 1.023 7.122 0c.439-.431.439-1.124.439-2.511V12.7c0-2.634-.8-4.348-2-6.7"/><path stroke-linejoin="round" d="M10 8.778L12 6l3 5"/></g></svg> </template>
CSS
.icon-boxer {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4.82%203h14.36c.537%200%20.805%200%201.004.093a1%201%200%200%201%20.54.641c.058.213.014.48-.075%201.013c-.065.395-.098.593-.185.747a1%201%200%200%201-.521.445C19.777%206%2019.578%206%2019.18%206H4.82c-.398%200-.597%200-.763-.061a1%201%200%200%201-.521-.445c-.087-.154-.12-.352-.185-.747c-.089-.534-.133-.8-.075-1.013a1%201%200%200%201%20.54-.641C4.015%203%204.283%203%204.82%203Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M4%206c-1.2%202.352-2%204.066-2%206.7v5.067c0%201.387%200%202.08.44%202.51c.918.902%206.077%201.024%207.12%200c1.084-1.062.045-3.114.592-4.41c.336-.794%201.236-1.422%201.848-2.022m0%200l-1.5-1.471m1.5%201.47c.613.601%201.512%201.229%201.848%202.024c.547%201.295-.492%203.347.591%204.41c.919.9%206.078%201.023%207.122%200c.439-.431.439-1.124.439-2.511V12.7c0-2.634-.8-4.348-2-6.7%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10%208.778L12%206l3%205%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4.82%203h14.36c.537%200%20.805%200%201.004.093a1%201%200%200%201%20.54.641c.058.213.014.48-.075%201.013c-.065.395-.098.593-.185.747a1%201%200%200%201-.521.445C19.777%206%2019.578%206%2019.18%206H4.82c-.398%200-.597%200-.763-.061a1%201%200%200%201-.521-.445c-.087-.154-.12-.352-.185-.747c-.089-.534-.133-.8-.075-1.013a1%201%200%200%201%20.54-.641C4.015%203%204.283%203%204.82%203Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M4%206c-1.2%202.352-2%204.066-2%206.7v5.067c0%201.387%200%202.08.44%202.51c.918.902%206.077%201.024%207.12%200c1.084-1.062.045-3.114.592-4.41c.336-.794%201.236-1.422%201.848-2.022m0%200l-1.5-1.471m1.5%201.47c.613.601%201.512%201.229%201.848%202.024c.547%201.295-.492%203.347.591%204.41c.919.9%206.078%201.023%207.122%200c.439-.431.439-1.124.439-2.511V12.7c0-2.634-.8-4.348-2-6.7%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10%208.778L12%206l3%205%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/boxer.svg?color=%231a73e8&size=48
