import React from "react";

const RolesIcon = (props) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <g clipPath="url(#clip0_306_15337)">
        <path
          d="M10.6205 9.86809C10.4245 9.9532 10.2131 9.99711 9.99942 9.99711C9.78573 9.99711 9.57434 9.9532 9.37835 9.86809L1.8462 6.37952C1.72389 6.31783 1.62111 6.2234 1.54929 6.10675C1.47748 5.99009 1.43945 5.85579 1.43945 5.7188C1.43945 5.58181 1.47748 5.44751 1.54929 5.33086C1.62111 5.21421 1.72389 5.11979 1.8462 5.05809L9.37835 1.54309C9.57434 1.45798 9.78573 1.41406 9.99942 1.41406C10.2131 1.41406 10.4245 1.45798 10.6205 1.54309L18.1526 5.03166C18.275 5.09336 18.3778 5.18779 18.4495 5.30443C18.5214 5.42108 18.5593 5.55538 18.5593 5.69237C18.5593 5.82937 18.5214 5.96366 18.4495 6.08032C18.3778 6.19697 18.275 6.2914 18.1526 6.35309L10.6205 9.86809Z"
          stroke="#858699"
          strokeWidth={1.5}
          strokeLinecap="round"
          strokeLinejoin="round"
          style={{ strokeOpacity: 1 }}
        />
        <path
          d="M18.5887 10.4629L10.528 14.1761C10.3559 14.2546 10.1688 14.2953 9.97962 14.2953C9.79041 14.2953 9.60338 14.2546 9.43123 14.1761L1.41016 10.4629"
          stroke="#858699"
          strokeWidth={1.5}
          strokeLinecap="round"
          strokeLinejoin="round"
          style={{ strokeOpacity: 1 }}
        />
        <path
          d="M18.5887 14.7578L10.528 18.471C10.3559 18.5495 10.1688 18.5902 9.97962 18.5902C9.79041 18.5902 9.60338 18.5495 9.43123 18.471L1.41016 14.7578"
          stroke="#858699"
          strokeWidth={1.5}
          strokeLinecap="round"
          strokeLinejoin="round"
          style={{ strokeOpacity: 1 }}
        />
      </g>
      <defs>
        <clipPath id="clip0_306_15337">
          <rect
            width="20"
            height="20"
            fill="white"
            style={{ fillOpacity: 1 }}
          />
        </clipPath>
      </defs>
    </svg>
  );
};

export default RolesIcon;
