dumbbell icon
dumbbell from IconPark by ByteDance · Color · Sports · Apache-2.0 Free for personal and commercial use.
- Name
- dumbbell
- Set
- IconPark
- Style
- Color
- Category
- Sports
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More sports icons from IconPark
Use the dumbbell icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path d="M14 13.6C14 12.1641 12.6569 11 11 11C9.34315 11 8 12.1641 8 13.6V34.4C8 35.8359 9.34315 37 11 37C12.6569 37 14 35.8359 14 34.4V13.6Z"/><path d="M40 13.6C40 12.1641 38.6569 11 37 11C35.3431 11 34 12.1641 34 13.6V34.4C34 35.8359 35.3431 37 37 37C38.6569 37 40 35.8359 40 34.4V13.6Z"/><path d="M8 18.6667C8 17.1939 6.65685 16 5 16C3.34315 16 2 17.1939 2 18.6667V29.3333C2 30.8061 3.34315 32 5 32C6.65685 32 8 30.8061 8 29.3333V18.6667Z"/><path d="M46 18.6667C46 17.1939 44.6569 16 43 16C41.3431 16 40 17.1939 40 18.6667V29.3333C40 30.8061 41.3431 32 43 32C44.6569 32 46 30.8061 46 29.3333V18.6667Z"/><rect width="20" height="6" transform="matrix(1 0 0 -1 14 27)"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkDumbbell(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinejoin="round" strokeWidth="4"><path d="M14 13.6C14 12.1641 12.6569 11 11 11C9.34315 11 8 12.1641 8 13.6V34.4C8 35.8359 9.34315 37 11 37C12.6569 37 14 35.8359 14 34.4V13.6Z"/><path d="M40 13.6C40 12.1641 38.6569 11 37 11C35.3431 11 34 12.1641 34 13.6V34.4C34 35.8359 35.3431 37 37 37C38.6569 37 40 35.8359 40 34.4V13.6Z"/><path d="M8 18.6667C8 17.1939 6.65685 16 5 16C3.34315 16 2 17.1939 2 18.6667V29.3333C2 30.8061 3.34315 32 5 32C6.65685 32 8 30.8061 8 29.3333V18.6667Z"/><path d="M46 18.6667C46 17.1939 44.6569 16 43 16C41.3431 16 40 17.1939 40 18.6667V29.3333C40 30.8061 41.3431 32 43 32C44.6569 32 46 30.8061 46 29.3333V18.6667Z"/><rect width="20" height="6" transform="matrix(1 0 0 -1 14 27)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path d="M14 13.6C14 12.1641 12.6569 11 11 11C9.34315 11 8 12.1641 8 13.6V34.4C8 35.8359 9.34315 37 11 37C12.6569 37 14 35.8359 14 34.4V13.6Z"/><path d="M40 13.6C40 12.1641 38.6569 11 37 11C35.3431 11 34 12.1641 34 13.6V34.4C34 35.8359 35.3431 37 37 37C38.6569 37 40 35.8359 40 34.4V13.6Z"/><path d="M8 18.6667C8 17.1939 6.65685 16 5 16C3.34315 16 2 17.1939 2 18.6667V29.3333C2 30.8061 3.34315 32 5 32C6.65685 32 8 30.8061 8 29.3333V18.6667Z"/><path d="M46 18.6667C46 17.1939 44.6569 16 43 16C41.3431 16 40 17.1939 40 18.6667V29.3333C40 30.8061 41.3431 32 43 32C44.6569 32 46 30.8061 46 29.3333V18.6667Z"/><rect width="20" height="6" transform="matrix(1 0 0 -1 14 27)"/></g></svg> </template>
CSS
.icon-dumbbell {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M14%2013.6C14%2012.1641%2012.6569%2011%2011%2011C9.34315%2011%208%2012.1641%208%2013.6V34.4C8%2035.8359%209.34315%2037%2011%2037C12.6569%2037%2014%2035.8359%2014%2034.4V13.6Z%22%2F%3E%3Cpath%20d%3D%22M40%2013.6C40%2012.1641%2038.6569%2011%2037%2011C35.3431%2011%2034%2012.1641%2034%2013.6V34.4C34%2035.8359%2035.3431%2037%2037%2037C38.6569%2037%2040%2035.8359%2040%2034.4V13.6Z%22%2F%3E%3Cpath%20d%3D%22M8%2018.6667C8%2017.1939%206.65685%2016%205%2016C3.34315%2016%202%2017.1939%202%2018.6667V29.3333C2%2030.8061%203.34315%2032%205%2032C6.65685%2032%208%2030.8061%208%2029.3333V18.6667Z%22%2F%3E%3Cpath%20d%3D%22M46%2018.6667C46%2017.1939%2044.6569%2016%2043%2016C41.3431%2016%2040%2017.1939%2040%2018.6667V29.3333C40%2030.8061%2041.3431%2032%2043%2032C44.6569%2032%2046%2030.8061%2046%2029.3333V18.6667Z%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%226%22%20transform%3D%22matrix(1%200%200%20-1%2014%2027)%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M14%2013.6C14%2012.1641%2012.6569%2011%2011%2011C9.34315%2011%208%2012.1641%208%2013.6V34.4C8%2035.8359%209.34315%2037%2011%2037C12.6569%2037%2014%2035.8359%2014%2034.4V13.6Z%22%2F%3E%3Cpath%20d%3D%22M40%2013.6C40%2012.1641%2038.6569%2011%2037%2011C35.3431%2011%2034%2012.1641%2034%2013.6V34.4C34%2035.8359%2035.3431%2037%2037%2037C38.6569%2037%2040%2035.8359%2040%2034.4V13.6Z%22%2F%3E%3Cpath%20d%3D%22M8%2018.6667C8%2017.1939%206.65685%2016%205%2016C3.34315%2016%202%2017.1939%202%2018.6667V29.3333C2%2030.8061%203.34315%2032%205%2032C6.65685%2032%208%2030.8061%208%2029.3333V18.6667Z%22%2F%3E%3Cpath%20d%3D%22M46%2018.6667C46%2017.1939%2044.6569%2016%2043%2016C41.3431%2016%2040%2017.1939%2040%2018.6667V29.3333C40%2030.8061%2041.3431%2032%2043%2032C44.6569%2032%2046%2030.8061%2046%2029.3333V18.6667Z%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%226%22%20transform%3D%22matrix(1%200%200%20-1%2014%2027)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/dumbbell.svg?color=%231a73e8&size=48
