thedevs-network/kutt-extension
1
0
Fork 0
mirror of https://github.com/thedevs-network/kutt-extension.git synced 2026-02-03 13:53:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add cross & tick icons

Browse Source
This commit is contained in:
abhijithvijayan
2020-02-10 03:45:52 +05:30
parent 39c89b2028
commit d4d21adc44
3 changed files with 40 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Icon/Cross.tsx Normal file
View File

@@ -0,0 +1,17 @@
import React from 'react';
const Cross: React.FC = () => {
return (
<svg
viewBox="-6 -6 24 24"
width={24}
height={24}
preserveAspectRatio="xMinYMin"
className="close_svg__jam close_svg__jam-close"
>
<path d="M7.314 5.9l3.535-3.536A1 1 0 109.435.95L5.899 4.485 2.364.95A1 1 0 10.95 2.364l3.535 3.535L.95 9.435a1 1 0 101.414 1.414l3.535-3.535 3.536 3.535a1 1 0 101.414-1.414L7.314 5.899z" />
</svg>
);
};
export default React.memo(Cross);

8
src/components/Icon/Icon.tsx
View File

@@ -1,15 +1,19 @@
import React from 'react';
import Settings from './Settings';
import Tick from './Tick';
import Cross from './Cross';
import Spinner from './Spinner';
import ArrowLeft from './ArrowLeft';
import Refresh from './Refresh';
import Settings from './Settings';
import ArrowLeft from './ArrowLeft';
const icons = {
arrowleft: ArrowLeft,
cross: Cross,
refresh: Refresh,
settings: Settings,
spinner: Spinner,
tick: Tick,
};
export type Icons = keyof typeof icons;

17
src/components/Icon/Tick.tsx Normal file
View File

@@ -0,0 +1,17 @@
import React from 'react';
const Check: React.FC = () => {
return (
<svg
viewBox="-5 -7 24 24"
width={24}
height={24}
preserveAspectRatio="xMinYMin"
className="check_svg__jam check_svg__jam-check"
>
<path d="M5.486 9.73a.997.997 0 01-.707-.292L.537 5.195A1 1 0 111.95 3.78l3.535 3.535L11.85.952a1 1 0 011.415 1.414L6.193 9.438a.997.997 0 01-.707.292z" />
</svg>
);
};
export default React.memo(Check);