ToolJet/frontend/assets/images/icons/widgets/circularprogressbar.jsx

import React from 'react';

const Circularprogressbar = ({ fill = '#D7DBDF', width = 24, className = '', viewBox = '0 0 49 48' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M30.7557 42.9109C30.9849 44.185 30.1415 45.4134 28.8582 45.6517C27.5749 45.8809 26.2457 46 24.889 46C23.5324 46 22.5332 44.9459 22.5332 43.6442C22.5332 42.3425 23.5874 41.2883 24.889 41.2883C25.9615 41.2883 27.0065 41.1967 28.0149 41.0133C29.2982 40.775 30.5174 41.6275 30.7557 42.9109Z"
      fill="#3E63DD"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M43.0022 36.5034C41.4805 38.6942 39.583 40.5917 37.3922 42.1134C36.3197 42.8467 34.853 42.5809 34.1105 41.5084C33.3772 40.445 33.643 38.9692 34.7155 38.2359C36.4388 37.0442 37.933 35.55 39.1247 33.8267C39.858 32.7542 41.3338 32.4884 42.3972 33.2217C43.4697 33.9642 43.7355 35.4309 43.0022 36.5034Z"
      fill="#3E63DD"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M17.6287 42.4159C17.0054 43.5617 15.5754 43.9834 14.4295 43.36C7.56368 39.6475 2.88867 32.3692 2.88867 24C2.88867 11.8542 12.7428 2 24.8887 2C33.2212 2 40.4629 6.62917 44.1937 13.44C44.8262 14.5858 44.4045 16.0158 43.2587 16.6392C42.122 17.2717 40.692 16.85 40.0595 15.7133C37.1262 10.3417 31.4337 6.72084 24.8887 6.72084C15.3462 6.72084 7.60951 14.4575 7.60951 24C7.60951 30.5725 11.267 36.2925 16.6754 39.2167C17.8212 39.84 18.252 41.27 17.6287 42.4159Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M46.8889 23.9999C46.8889 25.3566 46.7698 26.6858 46.5406 27.9691C46.3023 29.2524 45.0739 30.0958 43.7998 29.8666C42.5164 29.6283 41.6639 28.4091 41.9023 27.1258C42.0856 26.1174 42.1773 25.0724 42.1773 23.9999C42.1773 22.6983 43.2314 21.6441 44.5331 21.6441C45.8348 21.6441 46.8889 22.6983 46.8889 23.9999Z"
      fill="#3E63DD"
    />
  </svg>
);

export default Circularprogressbar;