dumbbell icon
dumbbell-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- dumbbell-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- 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.493 3.69a2.977 2.977 0 0 0-4.501.338a3.613 3.613 0 0 0-3.19 6.113l1.518 1.517l-1.603 1.603l2.049 2.049l1.603-1.603l1.517 1.517a3.613 3.613 0 0 0 6.112-3.19q.178-.13.338-.29a2.977 2.977 0 0 0 0-4.21l-.897-.898l.786-.785a1.449 1.449 0 0 0-2.05-2.05l-.785.786zm.406 6.38a.75.75 0 0 1-1.06 0l-1.91-1.909a.75.75 0 0 1 1.06-1.06L20.9 9.01a.75.75 0 0 1 0 1.06m-5.677 7.817l-5.083-5.083a3.614 3.614 0 0 0-6.113 3.19a2.977 2.977 0 0 0-.338 4.501l.898.897l-.812.812a1.449 1.449 0 0 0 2.049 2.049l.812-.812l.897.897a2.977 2.977 0 0 0 4.5-.338a3.613 3.613 0 0 0 3.19-6.113m-5.779 2.578a.75.75 0 1 1-1.06 1.06l-1.91-1.909a.75.75 0 0 1 1.061-1.06z"/></svg>
React
import type { SVGProps } from "react";
export function FluentDumbbell28Filled(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.493 3.69a2.977 2.977 0 0 0-4.501.338a3.613 3.613 0 0 0-3.19 6.113l1.518 1.517l-1.603 1.603l2.049 2.049l1.603-1.603l1.517 1.517a3.613 3.613 0 0 0 6.112-3.19q.178-.13.338-.29a2.977 2.977 0 0 0 0-4.21l-.897-.898l.786-.785a1.449 1.449 0 0 0-2.05-2.05l-.785.786zm.406 6.38a.75.75 0 0 1-1.06 0l-1.91-1.909a.75.75 0 0 1 1.06-1.06L20.9 9.01a.75.75 0 0 1 0 1.06m-5.677 7.817l-5.083-5.083a3.614 3.614 0 0 0-6.113 3.19a2.977 2.977 0 0 0-.338 4.501l.898.897l-.812.812a1.449 1.449 0 0 0 2.049 2.049l.812-.812l.897.897a2.977 2.977 0 0 0 4.5-.338a3.613 3.613 0 0 0 3.19-6.113m-5.779 2.578a.75.75 0 1 1-1.06 1.06l-1.91-1.909a.75.75 0 0 1 1.061-1.06z"/></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.493 3.69a2.977 2.977 0 0 0-4.501.338a3.613 3.613 0 0 0-3.19 6.113l1.518 1.517l-1.603 1.603l2.049 2.049l1.603-1.603l1.517 1.517a3.613 3.613 0 0 0 6.112-3.19q.178-.13.338-.29a2.977 2.977 0 0 0 0-4.21l-.897-.898l.786-.785a1.449 1.449 0 0 0-2.05-2.05l-.785.786zm.406 6.38a.75.75 0 0 1-1.06 0l-1.91-1.909a.75.75 0 0 1 1.06-1.06L20.9 9.01a.75.75 0 0 1 0 1.06m-5.677 7.817l-5.083-5.083a3.614 3.614 0 0 0-6.113 3.19a2.977 2.977 0 0 0-.338 4.501l.898.897l-.812.812a1.449 1.449 0 0 0 2.049 2.049l.812-.812l.897.897a2.977 2.977 0 0 0 4.5-.338a3.613 3.613 0 0 0 3.19-6.113m-5.779 2.578a.75.75 0 1 1-1.06 1.06l-1.91-1.909a.75.75 0 0 1 1.061-1.06z"/></svg> </template>
CSS
.icon-dumbbell-28-filled {
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.493%203.69a2.977%202.977%200%200%200-4.501.338a3.613%203.613%200%200%200-3.19%206.113l1.518%201.517l-1.603%201.603l2.049%202.049l1.603-1.603l1.517%201.517a3.613%203.613%200%200%200%206.112-3.19q.178-.13.338-.29a2.977%202.977%200%200%200%200-4.21l-.897-.898l.786-.785a1.449%201.449%200%200%200-2.05-2.05l-.785.786zm.406%206.38a.75.75%200%200%201-1.06%200l-1.91-1.909a.75.75%200%200%201%201.06-1.06L20.9%209.01a.75.75%200%200%201%200%201.06m-5.677%207.817l-5.083-5.083a3.614%203.614%200%200%200-6.113%203.19a2.977%202.977%200%200%200-.338%204.501l.898.897l-.812.812a1.449%201.449%200%200%200%202.049%202.049l.812-.812l.897.897a2.977%202.977%200%200%200%204.5-.338a3.613%203.613%200%200%200%203.19-6.113m-5.779%202.578a.75.75%200%201%201-1.06%201.06l-1.91-1.909a.75.75%200%200%201%201.061-1.06z%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.493%203.69a2.977%202.977%200%200%200-4.501.338a3.613%203.613%200%200%200-3.19%206.113l1.518%201.517l-1.603%201.603l2.049%202.049l1.603-1.603l1.517%201.517a3.613%203.613%200%200%200%206.112-3.19q.178-.13.338-.29a2.977%202.977%200%200%200%200-4.21l-.897-.898l.786-.785a1.449%201.449%200%200%200-2.05-2.05l-.785.786zm.406%206.38a.75.75%200%200%201-1.06%200l-1.91-1.909a.75.75%200%200%201%201.06-1.06L20.9%209.01a.75.75%200%200%201%200%201.06m-5.677%207.817l-5.083-5.083a3.614%203.614%200%200%200-6.113%203.19a2.977%202.977%200%200%200-.338%204.501l.898.897l-.812.812a1.449%201.449%200%200%200%202.049%202.049l.812-.812l.897.897a2.977%202.977%200%200%200%204.5-.338a3.613%203.613%200%200%200%203.19-6.113m-5.779%202.578a.75.75%200%201%201-1.06%201.06l-1.91-1.909a.75.75%200%200%201%201.061-1.06z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/dumbbell-28-filled.svg?color=%231a73e8&size=48
