barbell icon
barbell from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- barbell
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Use the barbell icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M467 176a29.94 29.94 0 0 0-25.32 12.5a2 2 0 0 1-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0 0 362 150v82a2 2 0 0 1-2 2H152a2 2 0 0 1-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0 0 74 150v37.38a2 2 0 0 1-3.64 1.14A29.94 29.94 0 0 0 45 176c-16.3.51-29 14.31-29 30.62v98.72c0 16.31 12.74 30.11 29 30.62a29.94 29.94 0 0 0 25.32-12.5a2 2 0 0 1 3.68 1.16v36.67C74 382 90.34 399.5 111.08 400A38 38 0 0 0 150 362v-82a2 2 0 0 1 2-2h208a2 2 0 0 1 2 2v81.29c0 20.75 16.34 38.21 37.08 38.7A38 38 0 0 0 438 362v-37.38a2 2 0 0 1 3.64-1.14A29.94 29.94 0 0 0 467 336c16.3-.51 29-14.31 29-30.62v-98.74c0-16.31-12.74-30.11-29-30.64"/></svg>
React
import type { SVGProps } from "react";
export function IonBarbell(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M467 176a29.94 29.94 0 0 0-25.32 12.5a2 2 0 0 1-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0 0 362 150v82a2 2 0 0 1-2 2H152a2 2 0 0 1-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0 0 74 150v37.38a2 2 0 0 1-3.64 1.14A29.94 29.94 0 0 0 45 176c-16.3.51-29 14.31-29 30.62v98.72c0 16.31 12.74 30.11 29 30.62a29.94 29.94 0 0 0 25.32-12.5a2 2 0 0 1 3.68 1.16v36.67C74 382 90.34 399.5 111.08 400A38 38 0 0 0 150 362v-82a2 2 0 0 1 2-2h208a2 2 0 0 1 2 2v81.29c0 20.75 16.34 38.21 37.08 38.7A38 38 0 0 0 438 362v-37.38a2 2 0 0 1 3.64-1.14A29.94 29.94 0 0 0 467 336c16.3-.51 29-14.31 29-30.62v-98.74c0-16.31-12.74-30.11-29-30.64"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M467 176a29.94 29.94 0 0 0-25.32 12.5a2 2 0 0 1-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0 0 362 150v82a2 2 0 0 1-2 2H152a2 2 0 0 1-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0 0 74 150v37.38a2 2 0 0 1-3.64 1.14A29.94 29.94 0 0 0 45 176c-16.3.51-29 14.31-29 30.62v98.72c0 16.31 12.74 30.11 29 30.62a29.94 29.94 0 0 0 25.32-12.5a2 2 0 0 1 3.68 1.16v36.67C74 382 90.34 399.5 111.08 400A38 38 0 0 0 150 362v-82a2 2 0 0 1 2-2h208a2 2 0 0 1 2 2v81.29c0 20.75 16.34 38.21 37.08 38.7A38 38 0 0 0 438 362v-37.38a2 2 0 0 1 3.64-1.14A29.94 29.94 0 0 0 467 336c16.3-.51 29-14.31 29-30.62v-98.74c0-16.31-12.74-30.11-29-30.64"/></svg> </template>
CSS
.icon-barbell {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M467%20176a29.94%2029.94%200%200%200-25.32%2012.5a2%202%200%200%201-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38%2038%200%200%200%20362%20150v82a2%202%200%200%201-2%202H152a2%202%200%200%201-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38%2038%200%200%200%2074%20150v37.38a2%202%200%200%201-3.64%201.14A29.94%2029.94%200%200%200%2045%20176c-16.3.51-29%2014.31-29%2030.62v98.72c0%2016.31%2012.74%2030.11%2029%2030.62a29.94%2029.94%200%200%200%2025.32-12.5a2%202%200%200%201%203.68%201.16v36.67C74%20382%2090.34%20399.5%20111.08%20400A38%2038%200%200%200%20150%20362v-82a2%202%200%200%201%202-2h208a2%202%200%200%201%202%202v81.29c0%2020.75%2016.34%2038.21%2037.08%2038.7A38%2038%200%200%200%20438%20362v-37.38a2%202%200%200%201%203.64-1.14A29.94%2029.94%200%200%200%20467%20336c16.3-.51%2029-14.31%2029-30.62v-98.74c0-16.31-12.74-30.11-29-30.64%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M467%20176a29.94%2029.94%200%200%200-25.32%2012.5a2%202%200%200%201-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38%2038%200%200%200%20362%20150v82a2%202%200%200%201-2%202H152a2%202%200%200%201-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38%2038%200%200%200%2074%20150v37.38a2%202%200%200%201-3.64%201.14A29.94%2029.94%200%200%200%2045%20176c-16.3.51-29%2014.31-29%2030.62v98.72c0%2016.31%2012.74%2030.11%2029%2030.62a29.94%2029.94%200%200%200%2025.32-12.5a2%202%200%200%201%203.68%201.16v36.67C74%20382%2090.34%20399.5%20111.08%20400A38%2038%200%200%200%20150%20362v-82a2%202%200%200%201%202-2h208a2%202%200%200%201%202%202v81.29c0%2020.75%2016.34%2038.21%2037.08%2038.7A38%2038%200%200%200%20438%20362v-37.38a2%202%200%200%201%203.64-1.14A29.94%2029.94%200%200%200%20467%20336c16.3-.51%2029-14.31%2029-30.62v-98.74c0-16.31-12.74-30.11-29-30.64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/barbell.svg?color=%231a73e8&size=48
