dumbbell icon
dumbbell-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- dumbbell-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Use the dumbbell icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M20.9 10.07a.75.75 0 0 0 0-1.06L18.992 7.1a.75.75 0 0 0-1.06 1.06l1.909 1.91a.75.75 0 0 0 1.06 0m-10.182 9.122a.75.75 0 1 1-1.06 1.06l-1.91-1.909a.75.75 0 0 1 1.06-1.06zM24.758 3.27a2.2 2.2 0 0 0-3.11 0l-.898.898l-.367-.367a2.772 2.772 0 0 0-4.23.366a3.25 3.25 0 0 0-3.059.862l-.225.224a3.25 3.25 0 0 0 0 4.597l1.1 1.099l-3.019 3.018l-1.099-1.099a3.25 3.25 0 0 0-4.596 0l-.225.225a3.25 3.25 0 0 0-.861 3.06a2.772 2.772 0 0 0-.366 4.23l.366.365l-.923.924a2.199 2.199 0 0 0 3.11 3.11l.923-.924l.367.367a2.773 2.773 0 0 0 4.229-.366a3.25 3.25 0 0 0 3.06-.862l.224-.225a3.25 3.25 0 0 0 0-4.596l-1.099-1.1l3.018-3.018l1.1 1.1a3.25 3.25 0 0 0 4.596 0l.224-.225a3.25 3.25 0 0 0 .862-3.06q.194-.135.366-.308a2.773 2.773 0 0 0 0-3.92l-.366-.368l.897-.897a2.2 2.2 0 0 0 0-3.11M12.998 16.017l-.988-.988l3.018-3.018l.989.988zm-6.78 6.781l-.924.924a.699.699 0 0 1-.989-.988l.924-.924zm16.58-16.58l-.988-.989l.897-.897a.699.699 0 1 1 .989.988zm-5.276-1.356a1.273 1.273 0 0 1 1.8 0l3.843 3.844a1.272 1.272 0 0 1-.478 2.1a.75.75 0 0 0-.423 1.045c.33.656.22 1.476-.327 2.022l-.225.225a1.75 1.75 0 0 1-2.475 0L13.93 8.79a1.75 1.75 0 0 1 0-2.475l.225-.225a1.75 1.75 0 0 1 2.022-.327a.75.75 0 0 0 1.044-.423c.061-.173.161-.337.302-.478M8.79 13.93l5.309 5.308a1.75 1.75 0 0 1 0 2.475l-.225.224a1.75 1.75 0 0 1-2.023.328a.75.75 0 0 0-1.044.422a1.272 1.272 0 0 1-2.1.478l-3.844-3.843a1.273 1.273 0 0 1 .478-2.101a.75.75 0 0 0 .422-1.044a1.75 1.75 0 0 1 .328-2.023l.225-.224a1.75 1.75 0 0 1 2.474 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentDumbbell28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M20.9 10.07a.75.75 0 0 0 0-1.06L18.992 7.1a.75.75 0 0 0-1.06 1.06l1.909 1.91a.75.75 0 0 0 1.06 0m-10.182 9.122a.75.75 0 1 1-1.06 1.06l-1.91-1.909a.75.75 0 0 1 1.06-1.06zM24.758 3.27a2.2 2.2 0 0 0-3.11 0l-.898.898l-.367-.367a2.772 2.772 0 0 0-4.23.366a3.25 3.25 0 0 0-3.059.862l-.225.224a3.25 3.25 0 0 0 0 4.597l1.1 1.099l-3.019 3.018l-1.099-1.099a3.25 3.25 0 0 0-4.596 0l-.225.225a3.25 3.25 0 0 0-.861 3.06a2.772 2.772 0 0 0-.366 4.23l.366.365l-.923.924a2.199 2.199 0 0 0 3.11 3.11l.923-.924l.367.367a2.773 2.773 0 0 0 4.229-.366a3.25 3.25 0 0 0 3.06-.862l.224-.225a3.25 3.25 0 0 0 0-4.596l-1.099-1.1l3.018-3.018l1.1 1.1a3.25 3.25 0 0 0 4.596 0l.224-.225a3.25 3.25 0 0 0 .862-3.06q.194-.135.366-.308a2.773 2.773 0 0 0 0-3.92l-.366-.368l.897-.897a2.2 2.2 0 0 0 0-3.11M12.998 16.017l-.988-.988l3.018-3.018l.989.988zm-6.78 6.781l-.924.924a.699.699 0 0 1-.989-.988l.924-.924zm16.58-16.58l-.988-.989l.897-.897a.699.699 0 1 1 .989.988zm-5.276-1.356a1.273 1.273 0 0 1 1.8 0l3.843 3.844a1.272 1.272 0 0 1-.478 2.1a.75.75 0 0 0-.423 1.045c.33.656.22 1.476-.327 2.022l-.225.225a1.75 1.75 0 0 1-2.475 0L13.93 8.79a1.75 1.75 0 0 1 0-2.475l.225-.225a1.75 1.75 0 0 1 2.022-.327a.75.75 0 0 0 1.044-.423c.061-.173.161-.337.302-.478M8.79 13.93l5.309 5.308a1.75 1.75 0 0 1 0 2.475l-.225.224a1.75 1.75 0 0 1-2.023.328a.75.75 0 0 0-1.044.422a1.272 1.272 0 0 1-2.1.478l-3.844-3.843a1.273 1.273 0 0 1 .478-2.101a.75.75 0 0 0 .422-1.044a1.75 1.75 0 0 1 .328-2.023l.225-.224a1.75 1.75 0 0 1 2.474 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M20.9 10.07a.75.75 0 0 0 0-1.06L18.992 7.1a.75.75 0 0 0-1.06 1.06l1.909 1.91a.75.75 0 0 0 1.06 0m-10.182 9.122a.75.75 0 1 1-1.06 1.06l-1.91-1.909a.75.75 0 0 1 1.06-1.06zM24.758 3.27a2.2 2.2 0 0 0-3.11 0l-.898.898l-.367-.367a2.772 2.772 0 0 0-4.23.366a3.25 3.25 0 0 0-3.059.862l-.225.224a3.25 3.25 0 0 0 0 4.597l1.1 1.099l-3.019 3.018l-1.099-1.099a3.25 3.25 0 0 0-4.596 0l-.225.225a3.25 3.25 0 0 0-.861 3.06a2.772 2.772 0 0 0-.366 4.23l.366.365l-.923.924a2.199 2.199 0 0 0 3.11 3.11l.923-.924l.367.367a2.773 2.773 0 0 0 4.229-.366a3.25 3.25 0 0 0 3.06-.862l.224-.225a3.25 3.25 0 0 0 0-4.596l-1.099-1.1l3.018-3.018l1.1 1.1a3.25 3.25 0 0 0 4.596 0l.224-.225a3.25 3.25 0 0 0 .862-3.06q.194-.135.366-.308a2.773 2.773 0 0 0 0-3.92l-.366-.368l.897-.897a2.2 2.2 0 0 0 0-3.11M12.998 16.017l-.988-.988l3.018-3.018l.989.988zm-6.78 6.781l-.924.924a.699.699 0 0 1-.989-.988l.924-.924zm16.58-16.58l-.988-.989l.897-.897a.699.699 0 1 1 .989.988zm-5.276-1.356a1.273 1.273 0 0 1 1.8 0l3.843 3.844a1.272 1.272 0 0 1-.478 2.1a.75.75 0 0 0-.423 1.045c.33.656.22 1.476-.327 2.022l-.225.225a1.75 1.75 0 0 1-2.475 0L13.93 8.79a1.75 1.75 0 0 1 0-2.475l.225-.225a1.75 1.75 0 0 1 2.022-.327a.75.75 0 0 0 1.044-.423c.061-.173.161-.337.302-.478M8.79 13.93l5.309 5.308a1.75 1.75 0 0 1 0 2.475l-.225.224a1.75 1.75 0 0 1-2.023.328a.75.75 0 0 0-1.044.422a1.272 1.272 0 0 1-2.1.478l-3.844-3.843a1.273 1.273 0 0 1 .478-2.101a.75.75 0 0 0 .422-1.044a1.75 1.75 0 0 1 .328-2.023l.225-.224a1.75 1.75 0 0 1 2.474 0"/></svg> </template>
CSS
.icon-dumbbell-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.9%2010.07a.75.75%200%200%200%200-1.06L18.992%207.1a.75.75%200%200%200-1.06%201.06l1.909%201.91a.75.75%200%200%200%201.06%200m-10.182%209.122a.75.75%200%201%201-1.06%201.06l-1.91-1.909a.75.75%200%200%201%201.06-1.06zM24.758%203.27a2.2%202.2%200%200%200-3.11%200l-.898.898l-.367-.367a2.772%202.772%200%200%200-4.23.366a3.25%203.25%200%200%200-3.059.862l-.225.224a3.25%203.25%200%200%200%200%204.597l1.1%201.099l-3.019%203.018l-1.099-1.099a3.25%203.25%200%200%200-4.596%200l-.225.225a3.25%203.25%200%200%200-.861%203.06a2.772%202.772%200%200%200-.366%204.23l.366.365l-.923.924a2.199%202.199%200%200%200%203.11%203.11l.923-.924l.367.367a2.773%202.773%200%200%200%204.229-.366a3.25%203.25%200%200%200%203.06-.862l.224-.225a3.25%203.25%200%200%200%200-4.596l-1.099-1.1l3.018-3.018l1.1%201.1a3.25%203.25%200%200%200%204.596%200l.224-.225a3.25%203.25%200%200%200%20.862-3.06q.194-.135.366-.308a2.773%202.773%200%200%200%200-3.92l-.366-.368l.897-.897a2.2%202.2%200%200%200%200-3.11M12.998%2016.017l-.988-.988l3.018-3.018l.989.988zm-6.78%206.781l-.924.924a.699.699%200%200%201-.989-.988l.924-.924zm16.58-16.58l-.988-.989l.897-.897a.699.699%200%201%201%20.989.988zm-5.276-1.356a1.273%201.273%200%200%201%201.8%200l3.843%203.844a1.272%201.272%200%200%201-.478%202.1a.75.75%200%200%200-.423%201.045c.33.656.22%201.476-.327%202.022l-.225.225a1.75%201.75%200%200%201-2.475%200L13.93%208.79a1.75%201.75%200%200%201%200-2.475l.225-.225a1.75%201.75%200%200%201%202.022-.327a.75.75%200%200%200%201.044-.423c.061-.173.161-.337.302-.478M8.79%2013.93l5.309%205.308a1.75%201.75%200%200%201%200%202.475l-.225.224a1.75%201.75%200%200%201-2.023.328a.75.75%200%200%200-1.044.422a1.272%201.272%200%200%201-2.1.478l-3.844-3.843a1.273%201.273%200%200%201%20.478-2.101a.75.75%200%200%200%20.422-1.044a1.75%201.75%200%200%201%20.328-2.023l.225-.224a1.75%201.75%200%200%201%202.474%200%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.9%2010.07a.75.75%200%200%200%200-1.06L18.992%207.1a.75.75%200%200%200-1.06%201.06l1.909%201.91a.75.75%200%200%200%201.06%200m-10.182%209.122a.75.75%200%201%201-1.06%201.06l-1.91-1.909a.75.75%200%200%201%201.06-1.06zM24.758%203.27a2.2%202.2%200%200%200-3.11%200l-.898.898l-.367-.367a2.772%202.772%200%200%200-4.23.366a3.25%203.25%200%200%200-3.059.862l-.225.224a3.25%203.25%200%200%200%200%204.597l1.1%201.099l-3.019%203.018l-1.099-1.099a3.25%203.25%200%200%200-4.596%200l-.225.225a3.25%203.25%200%200%200-.861%203.06a2.772%202.772%200%200%200-.366%204.23l.366.365l-.923.924a2.199%202.199%200%200%200%203.11%203.11l.923-.924l.367.367a2.773%202.773%200%200%200%204.229-.366a3.25%203.25%200%200%200%203.06-.862l.224-.225a3.25%203.25%200%200%200%200-4.596l-1.099-1.1l3.018-3.018l1.1%201.1a3.25%203.25%200%200%200%204.596%200l.224-.225a3.25%203.25%200%200%200%20.862-3.06q.194-.135.366-.308a2.773%202.773%200%200%200%200-3.92l-.366-.368l.897-.897a2.2%202.2%200%200%200%200-3.11M12.998%2016.017l-.988-.988l3.018-3.018l.989.988zm-6.78%206.781l-.924.924a.699.699%200%200%201-.989-.988l.924-.924zm16.58-16.58l-.988-.989l.897-.897a.699.699%200%201%201%20.989.988zm-5.276-1.356a1.273%201.273%200%200%201%201.8%200l3.843%203.844a1.272%201.272%200%200%201-.478%202.1a.75.75%200%200%200-.423%201.045c.33.656.22%201.476-.327%202.022l-.225.225a1.75%201.75%200%200%201-2.475%200L13.93%208.79a1.75%201.75%200%200%201%200-2.475l.225-.225a1.75%201.75%200%200%201%202.022-.327a.75.75%200%200%200%201.044-.423c.061-.173.161-.337.302-.478M8.79%2013.93l5.309%205.308a1.75%201.75%200%200%201%200%202.475l-.225.224a1.75%201.75%200%200%201-2.023.328a.75.75%200%200%200-1.044.422a1.272%201.272%200%200%201-2.1.478l-3.844-3.843a1.273%201.273%200%200%201%20.478-2.101a.75.75%200%200%200%20.422-1.044a1.75%201.75%200%200%201%20.328-2.023l.225-.224a1.75%201.75%200%200%201%202.474%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/dumbbell-28-regular.svg?color=%231a73e8&size=48
