Handshake icon

Use the Handshake 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 { Handshake24Regular, Handshake24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M12.2407 2.96484C12.0063 2.96484 11.797 3.07236 11.6595 3.24076L11.6024 3.28398C9.45801 2.63391 7.03194 3.15143 5.33598 4.83654C3.82743 6.33544 3.24863 8.4083 3.59957 10.3476L3.58455 10.3624L2.6274 11.3135C1.7951 12.1404 1.7951 13.4812 2.6274 14.3082C3.11636 14.794 3.78381 14.9944 4.42002 14.9094C4.51377 15.2557 4.6974 15.5829 4.9709 15.8547C5.34265 16.2241 5.81755 16.4284 6.30347 16.4679C6.34307 16.9508 6.54878 17.4228 6.92061 17.7922C7.30952 18.1786 7.81134 18.3845 8.32054 18.4098C8.34607 18.9156 8.55325 19.4141 8.94208 19.8005C9.70236 20.5559 10.8942 20.6212 11.7291 19.9965L12.1156 20.3806C12.952 21.2116 14.3079 21.2116 15.1443 20.3806C15.5147 20.0125 15.721 19.5433 15.7633 19.0626C16.2462 19.0215 16.7177 18.8174 17.0874 18.45C17.4581 18.0817 17.6636 17.6119 17.7043 17.1308C18.1809 17.0863 18.6453 16.8827 19.0104 16.5198C19.2966 16.2355 19.4844 15.8905 19.5738 15.5265C20.2005 15.6008 20.854 15.3991 21.3349 14.9213C22.1672 14.0943 22.1672 12.7535 21.3349 11.9266L20.5014 11.0984L20.6727 10.4319C21.045 8.9826 20.8578 7.44745 20.1482 6.129C19.1007 4.18251 17.0615 2.96985 14.8448 2.96985L13.2381 2.96985C13.1696 2.96652 13.1008 2.96484 13.0316 2.96484H12.2407ZM15.1649 7.90997L18.6286 11.3515L18.6325 11.3556L18.6458 11.3692L20.2708 12.9838C20.5155 13.2269 20.5155 13.621 20.2708 13.864C20.0262 14.1071 19.6296 14.1071 19.3849 13.864L17.7599 12.2494C17.4661 11.9575 16.9897 11.9575 16.6959 12.2494L16.6796 12.2656C16.3857 12.5575 16.3857 13.0309 16.6796 13.3228L17.9464 14.5815C18.1912 14.8248 18.1912 15.2193 17.9464 15.4626C17.7232 15.6843 17.3724 15.7043 17.1274 15.5211C16.8267 15.2963 16.4051 15.3268 16.1403 15.5925C15.8756 15.8583 15.8491 16.2775 16.0784 16.5739C16.2668 16.8176 16.2481 17.1695 16.0234 17.3927C15.7968 17.6179 15.4389 17.6349 15.1934 17.4429C14.8947 17.2092 14.4674 17.2337 14.1977 17.5C13.9279 17.7663 13.9006 18.1907 14.1339 18.489C14.3276 18.7366 14.3093 19.0957 14.0802 19.3233C13.8315 19.5704 13.4284 19.5704 13.1797 19.3233L12.808 18.954L12.9132 18.8494C13.7455 18.0224 13.7455 16.6817 12.9132 15.8547C12.5243 15.4683 12.0225 15.2624 11.5133 15.2371C11.4878 14.7313 11.2806 14.2328 10.8918 13.8465C10.52 13.4771 10.0451 13.2727 9.55922 13.2333C9.51962 12.7504 9.3139 12.2784 8.94208 11.9089C8.45311 11.4231 7.78567 11.2227 7.14945 11.3077C7.0557 10.9614 6.87208 10.6342 6.59857 10.3624C6.16723 9.93384 5.597 9.72737 5.03184 9.74302C4.88504 8.37028 5.34111 6.94595 6.40004 5.89379C7.38426 4.91586 8.69207 4.45541 9.98101 4.51242L8.48356 5.64695C7.45969 6.42267 7.26245 7.87993 8.04327 8.89992C8.82232 9.9176 10.2805 10.115 11.302 9.34099L13.1908 7.90997H15.1649ZM9.3894 6.84255L12.5277 4.46484H13.0316C13.0811 4.46484 13.1302 4.46617 13.1789 4.46878C13.1922 4.46949 13.2056 4.46985 13.219 4.46985H14.8448C16.513 4.46985 18.043 5.38244 18.8274 6.83985C19.3221 7.75912 19.4773 8.81832 19.2712 9.83503L16.0591 6.63858C15.9178 6.49247 15.7232 6.40997 15.52 6.40997L12.9388 6.40997C12.7752 6.40997 12.6162 6.46342 12.4858 6.56217L10.3962 8.14539C10.0326 8.42084 9.5116 8.35032 9.23434 7.98814C8.95886 7.62828 9.02817 7.11623 9.3894 6.84255ZM6.03496 14.7974C5.86706 14.6306 5.81439 14.3926 5.87697 14.1812C5.90557 14.0845 5.95823 13.9934 6.03496 13.9172L6.99212 12.9662C7.23675 12.7231 7.63338 12.7231 7.87802 12.9662C8.11986 13.2065 8.12262 13.5944 7.8863 13.838L7.87776 13.8465L6.92061 14.7975L6.91236 14.8057C6.8374 14.8775 6.74888 14.927 6.65519 14.9544C6.44237 15.0166 6.20287 14.9643 6.03496 14.7974ZM5.54368 11.429C5.61917 11.5071 5.67014 11.6 5.69659 11.6981C5.75261 11.9059 5.6986 12.1369 5.53451 12.2999L4.57736 13.2509C4.33272 13.494 3.93609 13.494 3.69146 13.2509C3.44682 13.0079 3.44682 12.6138 3.69146 12.3707L4.64861 11.4197C4.89325 11.1766 5.28988 11.1766 5.53451 11.4197L5.54368 11.429ZM10.892 18.7432C10.8152 18.8196 10.7233 18.872 10.6258 18.9003C10.4132 18.9623 10.1739 18.9099 10.0061 18.7432C9.83837 18.5765 9.78565 18.3388 9.84799 18.1275C9.87655 18.0306 9.92926 17.9394 10.0061 17.863L10.9633 16.9119C11.2079 16.6689 11.6046 16.6689 11.8492 16.9119C12.0938 17.155 12.0938 17.5491 11.8492 17.7922L10.892 18.7432ZM8.87057 16.735C8.7939 16.8112 8.7023 16.8635 8.60513 16.8919C8.39225 16.9542 8.15263 16.9019 7.98467 16.735C7.8167 16.5681 7.76406 16.33 7.82675 16.1185C7.85432 16.0254 7.9042 15.9376 7.97639 15.8631L7.98492 15.8547L8.94208 14.9037L8.95032 14.8954C9.19556 14.6607 9.5859 14.6634 9.82772 14.9037C10.0724 15.1468 10.0724 15.5409 9.82772 15.7839L8.87057 16.735Z" 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/handshake_24_regular.svg";

Details

Keywords

emojidealagreementbody