Hand Multiple icon

Use the Hand Multiple 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 { HandMultiple24Regular, HandMultiple24Filled } from "@fluentui/react-icons";

export function Example() {
  return <HandMultiple24Regular aria-label="Hand Multiple" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_hand_multiple_24_regular.svg" width="24" height="24" alt="Hand Multiple">

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="M3.14276 7.83526C2.95241 7.64489 2.95242 7.33625 3.14278 7.14589C3.33315 6.95551 3.64181 6.95551 3.83218 7.14588L5.7166 9.0303C6.00949 9.32319 6.48436 9.32319 6.77726 9.0303C7.07015 8.73741 7.07015 8.26253 6.77726 7.96964L4.89284 6.08523C4.62453 5.81691 4.39844 5.59288 4.14286 5.33733C3.9525 5.14699 3.95249 4.83838 4.14284 4.64803C4.33318 4.45768 4.64178 4.45768 4.83212 4.64803L5.54217 5.35807C5.5551 5.37176 5.56827 5.3853 5.58166 5.39871L7.71152 7.52979C8.00429 7.82273 8.47944 7.82327 8.77244 7.53056C9.06543 7.23785 9.06571 6.76305 8.77305 6.47L6.62327 4.31786C6.45251 4.12638 6.459 3.83256 6.6427 3.64886C6.83312 3.45844 7.14184 3.45844 7.33226 3.64886C8.293 4.60959 9.25413 5.56951 10.2149 6.5303C10.5078 6.82319 10.9827 6.82319 11.2756 6.5303C11.5685 6.23741 11.5685 5.76253 11.2756 5.46964L9.64281 3.83687C9.45245 3.64651 9.45245 3.33788 9.64281 3.14753C9.83317 2.95717 10.1418 2.95717 10.3322 3.14753L10.899 3.71438L10.9066 3.72184C12.1551 4.93547 13.3614 6.22115 14.137 7.6347L14.3971 7.37472C14.6792 7.09259 15.0038 6.8787 15.3502 6.73305C14.439 5.14417 13.1286 3.79001 11.9559 2.64998L11.3928 2.08687C10.6167 1.31073 9.35829 1.31072 8.58215 2.08687C8.46143 2.20759 8.35948 2.33998 8.27631 2.48041C7.4954 1.81383 6.32048 1.84976 5.58204 2.5882C5.4183 2.75193 5.2891 2.93713 5.19444 3.13474C4.48541 2.86541 3.65325 3.01629 3.08218 3.58737C2.51165 4.1579 2.36052 4.989 2.62878 5.69758C2.43113 5.79224 2.24589 5.92146 2.08212 6.08523C1.306 6.86135 1.30596 8.11968 2.08202 8.89585L4.83997 11.6542C3.7685 12.0299 3.00018 13.0502 3.00018 14.25V14.9357C3.00018 15.5845 3.5984 16.0428 4.208 15.9177C5.25149 15.7037 6.21574 15.6498 7.12969 15.6709C7.1443 15.5212 7.15923 15.3726 7.17394 15.2262C7.21106 14.8567 7.24682 14.5008 7.27265 14.1741C6.41447 14.1492 5.49309 14.1824 4.50018 14.3403V14.25C4.50018 13.5596 5.05982 13 5.75017 13H6.42233C6.83289 13.0395 7.25018 12.7311 7.25017 12.2504C7.25017 12.0208 7.14706 11.8153 6.98462 11.6777L3.14276 7.83526ZM16.1647 9.14263L12.3223 12.9845C12.1847 13.1469 11.9791 13.2501 11.7495 13.2501C11.2688 13.2501 10.9605 12.8328 11 12.4222V11.7501C11 11.0597 10.4404 10.5001 9.75 10.5001H9.65968C9.883 11.9041 9.85687 13.1651 9.76988 14.3066C9.73274 14.794 9.68711 15.2415 9.64401 15.664C9.56808 16.4086 9.5 17.0761 9.5 17.7501C9.5 18.5852 9.96664 19.3905 10.7261 20.0143C11.488 20.6401 12.4491 21.0001 13.25 21.0001C15.9767 21.0001 18.23 19.0134 20.2781 16.9064L20.2856 16.8989L20.8524 16.332C21.0428 16.1417 21.0428 15.833 20.8524 15.6427C20.6621 15.4523 20.3535 15.4523 20.1631 15.6427L18.2755 17.5303C17.9826 17.8232 17.5077 17.8232 17.2148 17.5303C16.9219 17.2374 16.9219 16.7626 17.2148 16.4697C18.2605 15.4239 19.3054 14.3778 20.3511 13.3321C20.5415 13.1417 20.5415 12.833 20.3511 12.6426C20.1674 12.4589 19.8736 12.4524 19.6821 12.6231L17.2722 15.0307C16.9792 15.3234 16.5044 15.3231 16.2116 15.0302C15.9189 14.7372 15.9192 14.2622 16.2122 13.9694C17.2586 12.9235 18.3058 11.8782 19.3519 10.832C19.5423 10.6417 19.5423 10.3331 19.3519 10.1427C19.1616 9.95237 18.853 9.95238 18.6626 10.1427C17.6183 11.1873 16.5748 12.2327 15.5303 13.2771C15.2374 13.57 14.7626 13.57 14.4697 13.2771C14.323 13.1305 14.2498 12.9382 14.25 12.746C14.2498 12.5538 14.323 12.3615 14.4696 12.2148L16.8795 9.80465C17.044 9.61313 17.0356 9.32414 16.8541 9.14266C16.6637 8.95229 16.3551 8.95228 16.1647 9.14263ZM17.9147 8.082C18.0785 8.24577 18.2077 8.431 18.3024 8.62865C19.011 8.3604 19.8421 8.51152 20.4126 9.08206C20.9837 9.65313 21.1346 10.4853 20.8652 11.1943C21.0628 11.289 21.248 11.4182 21.4118 11.5819C22.1502 12.3204 22.1861 13.4953 21.5196 14.2762C21.66 14.3594 21.7924 14.4613 21.9131 14.582C22.6892 15.3582 22.6892 16.6165 21.9131 17.3927L21.35 17.9558C19.3477 20.0154 16.6849 22.5001 13.25 22.5001C12.0509 22.5001 10.762 21.985 9.77395 21.1733C8.78336 20.3597 8 19.1649 8 17.7501C8 17.0059 8.08104 16.2033 8.16187 15.4028C8.20293 14.9962 8.24393 14.5902 8.27422 14.1926C8.36767 12.9663 8.38101 11.6642 8.08223 10.2079C7.95717 9.59827 8.41551 9.00005 9.06426 9.00005H9.75C10.9498 9.00005 11.9701 9.76838 12.3458 10.8398L15.1041 8.0819C15.8803 7.30583 17.1386 7.30588 17.9147 8.082Z" 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/hand_multiple_24_regular.svg";

Details