Dumbbell icon

Use the Dumbbell icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Dumbbell24Regular, Dumbbell24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Dumbbell24Regular aria-label="Dumbbell" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_dumbbell_24_regular.svg" width="24" height="24" alt="Dumbbell">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7656 7.80241C18.0585 8.09531 18.0585 8.57018 17.7656 8.86307C17.4727 9.15597 16.9978 9.15597 16.7049 8.86307L15.1351 7.29326C14.8422 7.00037 14.8422 6.5255 15.1351 6.2326C15.428 5.93971 15.9029 5.93971 16.1958 6.2326L17.7656 7.80241ZM9.39325 17.2354C9.68615 16.9425 9.68615 16.4676 9.39325 16.1747L7.82345 14.6049C7.53055 14.312 7.05568 14.312 6.76278 14.6049C6.46989 14.8978 6.46989 15.3727 6.76278 15.6656L8.33259 17.2354C8.62549 17.5283 9.10036 17.5283 9.39325 17.2354ZM20.9367 3.0842C20.1786 2.3261 18.9495 2.3261 18.1914 3.0842L17.5205 3.75508L17.3132 3.54772C16.3708 2.60541 14.8431 2.60541 13.9007 3.54772C13.809 3.63947 13.7261 3.73697 13.652 3.8391C12.7341 3.66925 11.7502 3.93874 11.0392 4.64974C9.89252 5.7964 9.89252 7.65551 11.0392 8.80217L11.7563 9.5193L9.51719 11.7584L8.80001 11.0412C7.65335 9.89458 5.79424 9.89458 4.64758 11.0412C3.93657 11.7523 3.66709 12.7362 3.83695 13.6541C3.73483 13.7282 3.63734 13.8111 3.5456 13.9028C2.60329 14.8451 2.60329 16.3729 3.5456 17.3152L3.75298 17.5226L3.06077 18.2148C2.30266 18.9729 2.30266 20.2021 3.06077 20.9602C3.81887 21.7183 5.048 21.7183 5.80611 20.9602L6.49832 20.268L6.70566 20.4753C7.64797 21.4176 9.17576 21.4176 10.1181 20.4753C10.2098 20.3836 10.2927 20.2861 10.3668 20.1839C11.2847 20.3538 12.2686 20.0843 12.9796 19.3733C14.1263 18.2266 14.1263 16.3675 12.9796 15.2209L12.2625 14.5038L14.5016 12.2646L15.2188 12.9818C16.3655 14.1284 18.2246 14.1284 19.3712 12.9818C20.0822 12.2708 20.3517 11.2868 20.1819 10.3689C20.284 10.2949 20.3815 10.2119 20.4732 10.1202C21.4155 9.17788 21.4155 7.65009 20.4732 6.70778L20.2659 6.50043L20.9367 5.82955C21.6949 5.07144 21.6949 3.84231 20.9367 3.0842ZM19.2052 5.43977L18.5812 4.81574L19.2521 4.14486C19.4244 3.97255 19.7038 3.97255 19.8761 4.14486C20.0484 4.31718 20.0484 4.59657 19.8761 4.76889L19.2052 5.43977ZM13.441 11.204L11.2019 13.4431L10.5779 12.8191L12.817 10.58L13.441 11.204ZM5.43766 19.2073L4.74545 19.8995C4.57313 20.0718 4.29375 20.0718 4.12143 19.8995C3.94911 19.7272 3.94911 19.4478 4.12143 19.2755L4.81364 18.5833L5.43766 19.2073ZM14.9614 4.60838C15.3179 4.25185 15.896 4.25185 16.2525 4.60838L19.4126 7.76844C19.7691 8.12496 19.7691 8.703 19.4126 9.05953C19.3064 9.16569 19.1824 9.2392 19.0511 9.28199C18.8477 9.34819 18.6823 9.49804 18.5964 9.69386C18.5105 9.88969 18.5123 10.1129 18.6013 10.3073C18.8444 10.8384 18.7461 11.4856 18.3106 11.9211C17.7497 12.482 16.8403 12.482 16.2795 11.9211L12.0998 7.74151C11.539 7.18063 11.539 6.27128 12.0998 5.7104C12.5354 5.27488 13.1825 5.17651 13.7137 5.41963C13.9081 5.50862 14.1313 5.5104 14.3271 5.4245C14.5229 5.3386 14.6727 5.17321 14.7389 4.96988C14.7817 4.83849 14.8552 4.71454 14.9614 4.60838ZM5.70824 12.1019C6.26912 11.541 7.17847 11.541 7.73935 12.1019L11.919 16.2815C12.4798 16.8424 12.4798 17.7517 11.919 18.3126C11.4834 18.7481 10.8363 18.8465 10.3052 18.6034C10.1107 18.5144 9.88756 18.5126 9.69174 18.5985C9.49592 18.6844 9.34608 18.8498 9.27987 19.0531C9.23709 19.1845 9.16357 19.3085 9.05741 19.4146C8.70089 19.7712 8.12285 19.7712 7.76632 19.4146L4.60626 16.2546C4.24974 15.8981 4.24974 15.32 4.60626 14.9635C4.71242 14.8573 4.83637 14.7838 4.96775 14.741C5.17108 14.6748 5.33647 14.525 5.42236 14.3292C5.50826 14.1333 5.50648 13.9102 5.41748 13.7157C5.17435 13.1846 5.27272 12.5374 5.70824 12.1019Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/dumbbell_24_regular.svg";

Details

Keywords

exercisehealthweightlift