Skip to content

Commit

Permalink
feat: add new gauges
Browse files Browse the repository at this point in the history
  • Loading branch information
@Korokoe
Korokoe committed May 26, 2022
1 parent 3ca237c commit 7d21ba5
Show file tree
Hide file tree
Showing 32 changed files with 487 additions and 172 deletions.
8 changes: 4 additions & 4 deletions components/ffAssetOverview/ffAssetOverview.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,17 +8,17 @@ import classes from './ffAssetOverview.module.css';
function BalanceIcon(props) {
const { color, className } = props;
return (
<SvgIcon viewBox="0 0 48 48" stroke-width="1" className={className}>
<g stroke-width="2" transform="translate(0, 0)"><path data-color="color-2" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M28,46v-8 c0-2.2-1.8-4-4-4l0,0c-2.2,0-4,1.8-4,4v8" stroke-linejoin="miter"></path> <line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="2" y1="32" x2="2" y2="26" stroke-linejoin="miter"></line> <line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="46" y1="32" x2="46" y2="26" stroke-linejoin="miter"></line> <polyline data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" points="10.8,32 2,32 2,46 8,46 " stroke-linejoin="miter" stroke-linecap="butt"></polyline> <polyline data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" points="37.2,32 46,32 46,46 40,46 " stroke-linejoin="miter" stroke-linecap="butt"></polyline> <polygon fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="34,16 14,16 8,46 40,46 " stroke-linejoin="miter"></polygon> <polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="40,4 40,16 8,16 8,4 " stroke-linejoin="miter"></polyline> <line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="16" y1="4" x2="16" y2="8" stroke-linejoin="miter"></line> <line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="24" y1="8" x2="24" y2="4" stroke-linejoin="miter"></line> <line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="32" y1="4" x2="32" y2="8" stroke-linejoin="miter"></line> <line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="8" y1="8" x2="40" y2="8" stroke-linejoin="miter"></line></g>
<SvgIcon viewBox="0 0 48 48" strokeWidth="1" className={className}>
<g strokeWidth="2" transform="translate(0, 0)"><path data-color="color-2" fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" d="M28,46v-8 c0-2.2-1.8-4-4-4l0,0c-2.2,0-4,1.8-4,4v8" strokeLinejoin="miter"></path> <line fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" x1="2" y1="32" x2="2" y2="26" strokeLinejoin="miter"></line> <line fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" x1="46" y1="32" x2="46" y2="26" strokeLinejoin="miter"></line> <polyline data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" points="10.8,32 2,32 2,46 8,46 " strokeLinejoin="miter" strokeLinecap="butt"></polyline> <polyline data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" points="37.2,32 46,32 46,46 40,46 " strokeLinejoin="miter" strokeLinecap="butt"></polyline> <polygon fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" points="34,16 14,16 8,46 40,46 " strokeLinejoin="miter"></polygon> <polyline fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" points="40,4 40,16 8,16 8,4 " strokeLinejoin="miter"></polyline> <line fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" x1="16" y1="4" x2="16" y2="8" strokeLinejoin="miter"></line> <line fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" x1="24" y1="8" x2="24" y2="4" strokeLinejoin="miter"></line> <line fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" x1="32" y1="4" x2="32" y2="8" strokeLinejoin="miter"></line> <line fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" x1="8" y1="8" x2="40" y2="8" strokeLinejoin="miter"></line></g>
</SvgIcon>
);
}

function StakedIcon(props) {
const { color, className } = props;
return (
<SvgIcon viewBox="0 0 48 48" stroke-width="2" className={className}>
<g stroke-width="2" transform="translate(0, 0)"><line data-cap="butt" x1="23" y1="25" x2="45" y2="3" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></line> <line data-color="color-2" x1="5" y1="4" x2="17" y2="16" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <line data-color="color-2" x1="5" y1="16" x2="17" y2="4" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <line data-color="color-2" x1="32" y1="31" x2="44" y2="43" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <line data-color="color-2" x1="32" y1="43" x2="44" y2="31" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <circle cx="11" cy="37" r="8" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></circle> <polyline points="31 3 45 3 45 17" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline></g>
<SvgIcon viewBox="0 0 48 48" strokeWidth="2" className={className}>
<g strokeWidth="2" transform="translate(0, 0)"><line data-cap="butt" x1="23" y1="25" x2="45" y2="3" fill="none" stroke="#ffffff" strokeMiterlimit="10" strokeWidth="2" strokeLinecap="butt" strokeLinejoin="miter"></line> <line data-color="color-2" x1="5" y1="4" x2="17" y2="16" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></line> <line data-color="color-2" x1="5" y1="16" x2="17" y2="4" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></line> <line data-color="color-2" x1="32" y1="31" x2="44" y2="43" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></line> <line data-color="color-2" x1="32" y1="43" x2="44" y2="31" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></line> <circle cx="11" cy="37" r="8" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></circle> <polyline points="31 3 45 3 45 17" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></polyline></g>
</SvgIcon>
);
}
Expand Down
4 changes: 2 additions & 2 deletions components/ffClaimAll/ffClaimAll.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@ import { FIXED_FOREX_UPDATED, FIXED_FOREX_CLAIM_ALL, FIXED_FOREX_ALL_CLAIMED, ER
function NoRewardsIcon(props) {
const { color, className } = props;
return (
<SvgIcon viewBox="0 0 64 64" stroke-width="1" className={className}>
<g stroke-width="2" transform="translate(0, 0)"><path d="M15.029,48.971A24,24,0,0,1,48.971,15.029" fill="none" stroke="#686c7a" stroke-miterlimit="10" stroke-width="2" data-cap="butt" stroke-linecap="butt" stroke-linejoin="miter"></path><path d="M52.789,20A24.006,24.006,0,0,1,20,52.789" fill="none" stroke="#686c7a" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></path><line x1="60" y1="4" x2="4" y2="60" fill="none" stroke="#686c7a" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" data-color="color-2" stroke-linejoin="miter"></line></g>
<SvgIcon viewBox="0 0 64 64" strokeWidth="1" className={className}>
<g strokeWidth="2" transform="translate(0, 0)"><path d="M15.029,48.971A24,24,0,0,1,48.971,15.029" fill="none" stroke="#686c7a" strokeMiterlimit="10" strokeWidth="2" data-cap="butt" strokeLinecap="butt" strokeLinejoin="miter"></path><path d="M52.789,20A24.006,24.006,0,0,1,20,52.789" fill="none" stroke="#686c7a" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></path><line x1="60" y1="4" x2="4" y2="60" fill="none" stroke="#686c7a" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" data-color="color-2" strokeLinejoin="miter"></line></g>
</SvgIcon>
);
}
Expand Down
12 changes: 6 additions & 6 deletions components/ffDashboardAssetOverview/ffDashboardOverview.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,26 +13,26 @@ import { FIXED_FOREX_UPDATED } from '../../stores/constants';
function BalanceIcon(props) {
const { color, className } = props;
return (
<SvgIcon viewBox="0 0 48 48" stroke-width="3" className={className}>
<g stroke-width="3" transform="translate(0.5, 0.5)"><rect x="16" y="23" width="16" height="10" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="3" data-color="color-2" stroke-linejoin="miter"></rect><path d="M20,23V17a4.012,4.012,0,0,1,4-4h0a4.012,4.012,0,0,1,4,4v6" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="3" data-color="color-2" stroke-linejoin="miter"></path><path d="M42,27A18,18,0,0,1,6,27V7L24,3,42,7Z" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="3" stroke-linejoin="miter"></path></g>
<SvgIcon viewBox="0 0 48 48" strokeWidth="3" className={className}>
<g strokeWidth="3" transform="translate(0.5, 0.5)"><rect x="16" y="23" width="16" height="10" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="3" data-color="color-2" strokeLinejoin="miter"></rect><path d="M20,23V17a4.012,4.012,0,0,1,4-4h0a4.012,4.012,0,0,1,4,4v6" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="3" data-color="color-2" strokeLinejoin="miter"></path><path d="M42,27A18,18,0,0,1,6,27V7L24,3,42,7Z" fill="none" stroke="#ffffff" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="3" strokeLinejoin="miter"></path></g>
</SvgIcon>
);
}

function VestedBalanceIcon(props) {
const { color, className } = props;
return (
<SvgIcon viewBox="0 0 32 32" stroke-width="1" className={className}>
<g stroke-width="2" transform="translate(0, 0)"><polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="14,8 14,14 8,14 " stroke-linejoin="miter"></polyline> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M19,20v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" stroke-linejoin="miter" stroke-linecap="butt"></path> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M19,24v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" stroke-linejoin="miter" stroke-linecap="butt"></path> <ellipse data-color="color-2" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="25" cy="20" rx="6" ry="3" stroke-linejoin="miter"></ellipse> <path fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M15,26.962 C14.67,26.987,14.336,27,14,27C6.82,27,1,21.18,1,14S6.82,1,14,1c6.843,0,12.452,5.288,12.962,12" stroke-linejoin="miter"></path></g>
<SvgIcon viewBox="0 0 32 32" strokeWidth="1" className={className}>
<g strokeWidth="2" transform="translate(0, 0)"><polyline fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" points="14,8 14,14 8,14 " strokeLinejoin="miter"></polyline> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M19,20v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" strokeLinejoin="miter" strokeLinecap="butt"></path> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M19,24v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" strokeLinejoin="miter" strokeLinecap="butt"></path> <ellipse data-color="color-2" fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" cx="25" cy="20" rx="6" ry="3" strokeLinejoin="miter"></ellipse> <path fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" d="M15,26.962 C14.67,26.987,14.336,27,14,27C6.82,27,1,21.18,1,14S6.82,1,14,1c6.843,0,12.452,5.288,12.962,12" strokeLinejoin="miter"></path></g>
</SvgIcon>
);
}

function IbBalanceIcon(props) {
const { color, className } = props;
return (
<SvgIcon viewBox="0 0 32 32" stroke-width="1" className={className}>
<g stroke-width="2" transform="translate(0, 0)"><path data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M1,5v4c0,1.657,2.686,3,6,3 s6-1.343,6-3V5" stroke-linejoin="miter" stroke-linecap="butt"></path> <path data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M1,9v4c0,1.657,2.686,3,6,3 s6-1.343,6-3V9" stroke-linejoin="miter" stroke-linecap="butt"></path> <line data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="13" y1="16.401" x2="13" y2="13" stroke-linejoin="miter" stroke-linecap="butt"></line> <path data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M1,13v4c0,1.657,2.686,3,6,3 c1.093,0,2.117-0.147,3-0.402" stroke-linejoin="miter" stroke-linecap="butt"></path> <path data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M1,17v4c0,1.657,2.686,3,6,3 c1.093,0,2.118-0.147,3-0.402" stroke-linejoin="miter" stroke-linecap="butt"></path> <ellipse fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="7" cy="5" rx="6" ry="3" stroke-linejoin="miter"></ellipse> <path data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M19,9v4c0,1.657,2.686,3,6,3 s6-1.343,6-3V9" stroke-linejoin="miter" stroke-linecap="butt"></path> <path data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M22,19.594 C22.883,19.85,23.906,20,25,20c3.314,0,6-1.343,6-3v-4" stroke-linejoin="miter" stroke-linecap="butt"></path> <line data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="19" y1="13" x2="19" y2="16.401" stroke-linejoin="miter" stroke-linecap="butt"></line> <path data-cap="butt" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M22,23.596 C22.883,23.851,23.907,24,25,24c3.314,0,6-1.343,6-3v-4" stroke-linejoin="miter" stroke-linecap="butt"></path> <ellipse fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="25" cy="9" rx="6" ry="3" stroke-linejoin="miter"></ellipse> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M10,19v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" stroke-linejoin="miter" stroke-linecap="butt"></path> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M10,23v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" stroke-linejoin="miter" stroke-linecap="butt"></path> <ellipse data-color="color-2" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="16" cy="19" rx="6" ry="3" stroke-linejoin="miter"></ellipse></g>
<SvgIcon viewBox="0 0 32 32" strokeWidth="1" className={className}>
<g strokeWidth="2" transform="translate(0, 0)"><path data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M1,5v4c0,1.657,2.686,3,6,3 s6-1.343,6-3V5" strokeLinejoin="miter" strokeLinecap="butt"></path> <path data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M1,9v4c0,1.657,2.686,3,6,3 s6-1.343,6-3V9" strokeLinejoin="miter" strokeLinecap="butt"></path> <line data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" x1="13" y1="16.401" x2="13" y2="13" strokeLinejoin="miter" strokeLinecap="butt"></line> <path data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M1,13v4c0,1.657,2.686,3,6,3 c1.093,0,2.117-0.147,3-0.402" strokeLinejoin="miter" strokeLinecap="butt"></path> <path data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M1,17v4c0,1.657,2.686,3,6,3 c1.093,0,2.118-0.147,3-0.402" strokeLinejoin="miter" strokeLinecap="butt"></path> <ellipse fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" cx="7" cy="5" rx="6" ry="3" strokeLinejoin="miter"></ellipse> <path data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M19,9v4c0,1.657,2.686,3,6,3 s6-1.343,6-3V9" strokeLinejoin="miter" strokeLinecap="butt"></path> <path data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M22,19.594 C22.883,19.85,23.906,20,25,20c3.314,0,6-1.343,6-3v-4" strokeLinejoin="miter" strokeLinecap="butt"></path> <line data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" x1="19" y1="13" x2="19" y2="16.401" strokeLinejoin="miter" strokeLinecap="butt"></line> <path data-cap="butt" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M22,23.596 C22.883,23.851,23.907,24,25,24c3.314,0,6-1.343,6-3v-4" strokeLinejoin="miter" strokeLinecap="butt"></path> <ellipse fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" cx="25" cy="9" rx="6" ry="3" strokeLinejoin="miter"></ellipse> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M10,19v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" strokeLinejoin="miter" strokeLinecap="butt"></path> <path data-cap="butt" data-color="color-2" fill="none" stroke="#ffffff" strokeWidth="2" strokeMiterlimit="10" d="M10,23v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" strokeLinejoin="miter" strokeLinecap="butt"></path> <ellipse data-color="color-2" fill="none" stroke="#ffffff" strokeWidth="2" strokeLinecap="square" strokeMiterlimit="10" cx="16" cy="19" rx="6" ry="3" strokeLinejoin="miter"></ellipse></g>
</SvgIcon>
);
}
Expand Down
4 changes: 2 additions & 2 deletions components/ffDashboardClaimAll/ffDashboardClaimAll.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ import { FIXED_FOREX_UPDATED, FIXED_FOREX_CLAIM_ALL, FIXED_FOREX_ALL_CLAIMED, ER
function NoRewardsIcon(props) {
const { color, className } = props;
return (
<SvgIcon viewBox="0 0 64 64" stroke-width="1" className={className}>
<g stroke-width="2" transform="translate(0, 0)"><path d="M15.029,48.971A24,24,0,0,1,48.971,15.029" fill="none" stroke="#686c7a" stroke-miterlimit="10" stroke-width="2" data-cap="butt" stroke-linecap="butt" stroke-linejoin="miter"></path><path d="M52.789,20A24.006,24.006,0,0,1,20,52.789" fill="none" stroke="#686c7a" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></path><line x1="60" y1="4" x2="4" y2="60" fill="none" stroke="#686c7a" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" data-color="color-2" stroke-linejoin="miter"></line></g>
<SvgIcon viewBox="0 0 64 64" strokeWidth="1" className={className}>
<g strokeWidth="2" transform="translate(0, 0)"><path d="M15.029,48.971A24,24,0,0,1,48.971,15.029" fill="none" stroke="#686c7a" strokeMiterlimit="10" strokeWidth="2" data-cap="butt" strokeLinecap="butt" strokeLinejoin="miter"></path><path d="M52.789,20A24.006,24.006,0,0,1,20,52.789" fill="none" stroke="#686c7a" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" strokeLinejoin="miter"></path><line x1="60" y1="4" x2="4" y2="60" fill="none" stroke="#686c7a" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="2" data-color="color-2" strokeLinejoin="miter"></line></g>
</SvgIcon>
);
}
Expand Down
Loading

0 comments on commit 7d21ba5

Please sign in to comment.