push up bar icon
push-up-bar from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- push-up-bar
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the push up bar 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-linejoin="round" stroke-width="1.5"><path d="M3.5 10V8.5c0-1.886 0-2.828.586-3.414S5.614 4.5 7.5 4.5m13 5.5V8.5c0-1.886 0-2.828-.586-3.414S18.386 4.5 16.5 4.5M22 10h-3M5 10H2m7.368-6.492h5.264c.537 0 1.269-.096 1.645.38c.223.282.223.7.223 1.536c0 .516-.098.688-.587.889l-1.08.443c-.41.168-.615.252-.829.243c-.732-.03-1.259-.806-2.004-.806s-1.271.775-2.004.806c-.214.01-.42-.075-.83-.243l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835 0-1.253.223-1.536c.376-.475 1.108-.38 1.645-.38m0 10.493h5.264c.537 0 1.269-.095 1.645.38c.223.282.223.7.223 1.536c0 .516-.098.689-.587.89l-1.08.442c-.41.168-.615.253-.829.244c-.732-.032-1.259-.806-2.004-.806s-1.271.774-2.004.806c-.214.009-.42-.076-.83-.244l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835 0-1.253.223-1.535c.376-.476 1.108-.38 1.645-.38"/><path d="M3.414 20.414v-1.5c0-1.886 0-2.828.586-3.414s1.529-.586 3.414-.586m13 5.5v-1.5c0-1.886 0-2.828-.585-3.414c-.586-.586-1.529-.586-3.415-.586M22 20.5h-3m-14 0H2"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPushUpBar(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" strokeLinejoin="round" strokeWidth="1.5"><path d="M3.5 10V8.5c0-1.886 0-2.828.586-3.414S5.614 4.5 7.5 4.5m13 5.5V8.5c0-1.886 0-2.828-.586-3.414S18.386 4.5 16.5 4.5M22 10h-3M5 10H2m7.368-6.492h5.264c.537 0 1.269-.096 1.645.38c.223.282.223.7.223 1.536c0 .516-.098.688-.587.889l-1.08.443c-.41.168-.615.252-.829.243c-.732-.03-1.259-.806-2.004-.806s-1.271.775-2.004.806c-.214.01-.42-.075-.83-.243l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835 0-1.253.223-1.536c.376-.475 1.108-.38 1.645-.38m0 10.493h5.264c.537 0 1.269-.095 1.645.38c.223.282.223.7.223 1.536c0 .516-.098.689-.587.89l-1.08.442c-.41.168-.615.253-.829.244c-.732-.032-1.259-.806-2.004-.806s-1.271.774-2.004.806c-.214.009-.42-.076-.83-.244l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835 0-1.253.223-1.535c.376-.476 1.108-.38 1.645-.38"/><path d="M3.414 20.414v-1.5c0-1.886 0-2.828.586-3.414s1.529-.586 3.414-.586m13 5.5v-1.5c0-1.886 0-2.828-.585-3.414c-.586-.586-1.529-.586-3.415-.586M22 20.5h-3m-14 0H2"/></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-linejoin="round" stroke-width="1.5"><path d="M3.5 10V8.5c0-1.886 0-2.828.586-3.414S5.614 4.5 7.5 4.5m13 5.5V8.5c0-1.886 0-2.828-.586-3.414S18.386 4.5 16.5 4.5M22 10h-3M5 10H2m7.368-6.492h5.264c.537 0 1.269-.096 1.645.38c.223.282.223.7.223 1.536c0 .516-.098.688-.587.889l-1.08.443c-.41.168-.615.252-.829.243c-.732-.03-1.259-.806-2.004-.806s-1.271.775-2.004.806c-.214.01-.42-.075-.83-.243l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835 0-1.253.223-1.536c.376-.475 1.108-.38 1.645-.38m0 10.493h5.264c.537 0 1.269-.095 1.645.38c.223.282.223.7.223 1.536c0 .516-.098.689-.587.89l-1.08.442c-.41.168-.615.253-.829.244c-.732-.032-1.259-.806-2.004-.806s-1.271.774-2.004.806c-.214.009-.42-.076-.83-.244l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835 0-1.253.223-1.535c.376-.476 1.108-.38 1.645-.38"/><path d="M3.414 20.414v-1.5c0-1.886 0-2.828.586-3.414s1.529-.586 3.414-.586m13 5.5v-1.5c0-1.886 0-2.828-.585-3.414c-.586-.586-1.529-.586-3.415-.586M22 20.5h-3m-14 0H2"/></g></svg> </template>
CSS
.icon-push-up-bar {
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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.5%2010V8.5c0-1.886%200-2.828.586-3.414S5.614%204.5%207.5%204.5m13%205.5V8.5c0-1.886%200-2.828-.586-3.414S18.386%204.5%2016.5%204.5M22%2010h-3M5%2010H2m7.368-6.492h5.264c.537%200%201.269-.096%201.645.38c.223.282.223.7.223%201.536c0%20.516-.098.688-.587.889l-1.08.443c-.41.168-.615.252-.829.243c-.732-.03-1.259-.806-2.004-.806s-1.271.775-2.004.806c-.214.01-.42-.075-.83-.243l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835%200-1.253.223-1.536c.376-.475%201.108-.38%201.645-.38m0%2010.493h5.264c.537%200%201.269-.095%201.645.38c.223.282.223.7.223%201.536c0%20.516-.098.689-.587.89l-1.08.442c-.41.168-.615.253-.829.244c-.732-.032-1.259-.806-2.004-.806s-1.271.774-2.004.806c-.214.009-.42-.076-.83-.244l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835%200-1.253.223-1.535c.376-.476%201.108-.38%201.645-.38%22%2F%3E%3Cpath%20d%3D%22M3.414%2020.414v-1.5c0-1.886%200-2.828.586-3.414s1.529-.586%203.414-.586m13%205.5v-1.5c0-1.886%200-2.828-.585-3.414c-.586-.586-1.529-.586-3.415-.586M22%2020.5h-3m-14%200H2%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.5%2010V8.5c0-1.886%200-2.828.586-3.414S5.614%204.5%207.5%204.5m13%205.5V8.5c0-1.886%200-2.828-.586-3.414S18.386%204.5%2016.5%204.5M22%2010h-3M5%2010H2m7.368-6.492h5.264c.537%200%201.269-.096%201.645.38c.223.282.223.7.223%201.536c0%20.516-.098.688-.587.889l-1.08.443c-.41.168-.615.252-.829.243c-.732-.03-1.259-.806-2.004-.806s-1.271.775-2.004.806c-.214.01-.42-.075-.83-.243l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835%200-1.253.223-1.536c.376-.475%201.108-.38%201.645-.38m0%2010.493h5.264c.537%200%201.269-.095%201.645.38c.223.282.223.7.223%201.536c0%20.516-.098.689-.587.89l-1.08.442c-.41.168-.615.253-.829.244c-.732-.032-1.259-.806-2.004-.806s-1.271.774-2.004.806c-.214.009-.42-.076-.83-.244l-1.079-.443c-.489-.2-.587-.373-.587-.89c0-.835%200-1.253.223-1.535c.376-.476%201.108-.38%201.645-.38%22%2F%3E%3Cpath%20d%3D%22M3.414%2020.414v-1.5c0-1.886%200-2.828.586-3.414s1.529-.586%203.414-.586m13%205.5v-1.5c0-1.886%200-2.828-.585-3.414c-.586-.586-1.529-.586-3.415-.586M22%2020.5h-3m-14%200H2%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/push-up-bar.svg?color=%231a73e8&size=48
