Skip to content

Commit 6fe2ae5

Browse files
mchappellmchappell
authored
Merge pull request #21 from input-output-hk/feat/add-new-icon-set
Feat add new icon set
2 parents d154eca + b6802a2 commit 6fe2ae5

17 files changed

+269
-0
lines changed

‎src/icons/CameraComponent.tsx

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgCameracomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={40}
7+
height={40}
8+
fill="none"
9+
{...props}
10+
>
11+
<g
12+
stroke="silver"
13+
strokeLinecap="round"
14+
strokeLinejoin="round"
15+
strokeWidth={2.5}
16+
>
17+
<path d="M5 15a3.333 3.333 0 0 1 3.333-3.334h1.55a3.33 3.33 0 0 0 2.773-1.484L14.01 8.15a3.33 3.33 0 0 1 2.774-1.484h6.432c1.115 0 2.155.557 2.774 1.484l1.354 2.032a3.33 3.33 0 0 0 2.773 1.484h1.55A3.333 3.333 0 0 1 35 14.999v15a3.333 3.333 0 0 1-3.333 3.334H8.333A3.333 3.333 0 0 1 5 29.999z" />
18+
<path d="M25 21.666a5 5 0 1 1-10 0 5 5 0 0 1 10 0" />
19+
</g>
20+
</svg>
21+
);
22+
export default SvgCameracomponent;

‎src/icons/DocumentComponent.tsx

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgDocumentcomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={40}
7+
height={40}
8+
fill="none"
9+
{...props}
10+
>
11+
<path
12+
stroke="url(#document_component_svg__a)"
13+
strokeLinecap="round"
14+
strokeLinejoin="round"
15+
strokeWidth={2.5}
16+
d="M15 20h10m-10 6.667h10M28.333 35H11.667a3.333 3.333 0 0 1-3.334-3.333V8.333A3.333 3.333 0 0 1 11.667 5h9.31c.441 0 .865.176 1.178.488l9.024 9.024c.312.312.488.736.488 1.178v15.977A3.333 3.333 0 0 1 28.333 35"
17+
/>
18+
<defs>
19+
<linearGradient
20+
id="document_component_svg__a"
21+
x1={4.064}
22+
x2={38.323}
23+
y1={-0.489}
24+
y2={1.476}
25+
gradientUnits="userSpaceOnUse"
26+
>
27+
<stop stopColor="#FF92E1" />
28+
<stop offset={1} stopColor="#FDC300" />
29+
</linearGradient>
30+
</defs>
31+
</svg>
32+
);
33+
export default SvgDocumentcomponent;

‎src/icons/DownloadComponent.tsx

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgDownloadcomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={24}
7+
height={24}
8+
fill="none"
9+
{...props}
10+
>
11+
<path
12+
stroke="url(#download_component_svg__a)"
13+
strokeLinecap="round"
14+
strokeLinejoin="round"
15+
strokeWidth={2}
16+
d="M4 16v1a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-1m-4-4-4 4m0 0-4-4m4 4V4"
17+
/>
18+
<defs>
19+
<linearGradient
20+
id="download_component_svg__a"
21+
x1={1.072}
22+
x2={2.801}
23+
y1={22.928}
24+
y2={-0.514}
25+
gradientUnits="userSpaceOnUse"
26+
>
27+
<stop stopColor="#FF92DE" />
28+
<stop offset={1} stopColor="#FDC300" />
29+
</linearGradient>
30+
</defs>
31+
</svg>
32+
);
33+
export default SvgDownloadcomponent;

‎src/icons/MnemonicComponent.tsx

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgMnemoniccomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={100}
7+
height={100}
8+
fill="none"
9+
{...props}
10+
>
11+
<path
12+
fill="#EFEFEF"
13+
d="M10 14a4 4 0 0 1 4-4h72a4 4 0 0 1 4 4v72a4 4 0 0 1-4 4H14a4 4 0 0 1-4-4z"
14+
/>
15+
<rect width={31} height={6} x={16} y={22} fill="silver" rx={2} />
16+
<rect width={31} height={6} x={16} y={34} fill="silver" rx={2} />
17+
<rect width={31} height={6} x={16} y={46} fill="silver" rx={2} />
18+
<rect width={31} height={6} x={16} y={58} fill="silver" rx={2} />
19+
<rect width={31} height={6} x={53} y={22} fill="silver" rx={2} />
20+
<rect width={31} height={6} x={53} y={34} fill="silver" rx={2} />
21+
<rect width={31} height={6} x={53} y={46} fill="silver" rx={2} />
22+
<rect width={31} height={6} x={53} y={58} fill="silver" rx={2} />
23+
<rect width={13} height={6} x={43} y={76} fill="#F9F9F9" rx={3} />
24+
</svg>
25+
);
26+
export default SvgMnemoniccomponent;

‎src/icons/PaperwalletComponent.tsx

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgPaperwalletcomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={100}
7+
height={100}
8+
fill="none"
9+
{...props}
10+
>
11+
<path fill="silver" d="m10 10 75 5v70.725a4 4 0 0 1-4.266 3.99L10 85z" />
12+
<path fill="#EFEFEF" d="M10 10h76a4 4 0 0 1 4 4v67a4 4 0 0 1-4 4H10z" />
13+
<rect
14+
width={50}
15+
height={50}
16+
x={25}
17+
y={23}
18+
fill="#fff"
19+
stroke="silver"
20+
strokeWidth={2}
21+
rx={4}
22+
/>
23+
<path
24+
fill="silver"
25+
d="M52 32a2 2 0 1 0-4 0zm-4 2a2 2 0 1 0 4 0zm14 20a2 2 0 1 0 0 4zm4 4a2 2 0 1 0 0-4zm-16-2v-2a2 2 0 0 0-2 2zm4 2a2 2 0 1 0 0-4zm-6 6a2 2 0 1 0 4 0zm4-22a2 2 0 1 0-4 0zm-2 6h-2a2 2 0 0 0 2 2zm8 14a2 2 0 1 0 0 4zm8 4a2 2 0 1 0 0-4zM34 46a2 2 0 1 0 0 4zm8 4a2 2 0 1 0 0-4zm8.02 0a2 2 0 1 0 0-4zm8 0a2 2 0 1 0 0-4zM66 46a2 2 0 1 0 0 4zm.02 4a2 2 0 1 0 0-4zM36 34h4v-4h-4zm4 0v4h4v-4zm0 4h-4v4h4zm-4 0v-4h-4v4zm0 0h-4a4 4 0 0 0 4 4zm4 0v4a4 4 0 0 0 4-4zm0-4h4a4 4 0 0 0-4-4zm-4-4a4 4 0 0 0-4 4h4zm24 4h4v-4h-4zm4 0v4h4v-4zm0 4h-4v4h4zm-4 0v-4h-4v4zm0 0h-4a4 4 0 0 0 4 4zm4 0v4a4 4 0 0 0 4-4zm0-4h4a4 4 0 0 0-4-4zm-4-4a4 4 0 0 0-4 4h4zM36 58h4v-4h-4zm4 0v4h4v-4zm0 4h-4v4h4zm-4 0v-4h-4v4zm0 0h-4a4 4 0 0 0 4 4zm4 0v4a4 4 0 0 0 4-4zm0-4h4a4 4 0 0 0-4-4zm-4-4a4 4 0 0 0-4 4h4zm12-22v2h4v-2zm14 26h4v-4h-4zm-12 0h4v-4h-4zm-2-2v8h4v-8zm0-14v6h4v-6zm10 24h8v-4h-8zM34 50h8v-4h-8zm16 0h.02v-4H50zm16 0h.02v-4H66zm-16 0h8.02v-4H50z"
26+
/>
27+
</svg>
28+
);
29+
export default SvgPaperwalletcomponent;

‎src/icons/PrinterComponent.tsx

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgPrintercomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={24}
7+
height={24}
8+
fill="none"
9+
{...props}
10+
>
11+
<path
12+
stroke="#6F7786"
13+
strokeLinecap="round"
14+
strokeLinejoin="round"
15+
strokeWidth={2}
16+
d="M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m2 4h6a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2m8-12V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4z"
17+
/>
18+
</svg>
19+
);
20+
export default SvgPrintercomponent;

‎src/icons/QrcodeComponent.tsx

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgQrcodecomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={24}
7+
height={24}
8+
fill="none"
9+
{...props}
10+
>
11+
<path
12+
fill="#6F7786"
13+
d="M13 4a1 1 0 1 0-2 0zm-2 1a1 1 0 1 0 2 0zm7 10a1 1 0 1 0 0 2zm2 2a1 1 0 1 0 0-2zm-8-1v-1a1 1 0 0 0-1 1zm2 1a1 1 0 1 0 0-2zm-3 3a1 1 0 1 0 2 0zm2-11a1 1 0 1 0-2 0zm-1 3h-1a1 1 0 0 0 1 1zm4 7a1 1 0 1 0 0 2zm4 2a1 1 0 1 0 0-2zM4 11a1 1 0 1 0 0 2zm4 2a1 1 0 1 0 0-2zm4.01 0a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0-2zM20 11a1 1 0 1 0 0 2zm.01 2a1 1 0 1 0 0-2zM5 5h2V3H5zm2 0v2h2V5zm0 2H5v2h2zM5 7V5H3v2zm0 0H3a2 2 0 0 0 2 2zm2 0v2a2 2 0 0 0 2-2zm0-2h2a2 2 0 0 0-2-2zM5 3a2 2 0 0 0-2 2h2zm12 2h2V3h-2zm2 0v2h2V5zm0 2h-2v2h2zm-2 0V5h-2v2zm0 0h-2a2 2 0 0 0 2 2zm2 0v2a2 2 0 0 0 2-2zm0-2h2a2 2 0 0 0-2-2zm-2-2a2 2 0 0 0-2 2h2zM5 17h2v-2H5zm2 0v2h2v-2zm0 2H5v2h2zm-2 0v-2H3v2zm0 0H3a2 2 0 0 0 2 2zm2 0v2a2 2 0 0 0 2-2zm0-2h2a2 2 0 0 0-2-2zm-2-2a2 2 0 0 0-2 2h2zm6-11v1h2V4zm7 13h2v-2h-2zm-6 0h2v-2h-2zm-1-1v4h2v-4zm0-7v3h2V9zm5 12h4v-2h-4zM4 13h4v-2H4zm8 0h.01v-2H12zm8 0h.01v-2H20zm-8 0h4.01v-2H12z"
14+
/>
15+
</svg>
16+
);
17+
export default SvgQrcodecomponent;

‎src/icons/SadEmojiComponent.tsx

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import * as React from 'react';
2+
import type { SVGProps } from 'react';
3+
const SvgSadEmojicomponent = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width={40}
7+
height={40}
8+
fill="none"
9+
{...props}
10+
>
11+
<path
12+
stroke="silver"
13+
strokeLinecap="round"
14+
strokeLinejoin="round"
15+
strokeWidth={2.5}
16+
d="M24.714 26.953a6.667 6.667 0 0 0-9.428 0M25 16.667h-.017m-9.983 0h-.017M5 20c0 8.284 6.716 15 15 15s15-6.716 15-15S28.284 5 20 5 5 11.716 5 20"
17+
/>
18+
</svg>
19+
);
20+
export default SvgSadEmojicomponent;

‎src/icons/index.ts

+8
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ export { default as AdaComponent } from './AdaComponent';
33
export { default as ArrowLeftComponent } from './ArrowLeftComponent';
44
export { default as BookGradientComponent } from './BookGradientComponent';
55
export { default as BookComponent } from './BookComponent';
6+
export { default as CameraComponent } from './CameraComponent';
67
export { default as CardanoLogoComponent } from './CardanoLogoComponent';
78
export { default as CaretComponent } from './CaretComponent';
89
export { default as CheckBoxComponent } from './CheckBoxComponent';
@@ -18,6 +19,8 @@ export { default as CodeGradientComponent } from './CodeGradientComponent';
1819
export { default as Copy } from './Copy';
1920
export { default as DocumentDownload } from './DocumentDownload';
2021
export { default as DocumentTextGradientComponent } from './DocumentTextGradientComponent';
22+
export { default as DocumentComponent } from './DocumentComponent';
23+
export { default as DownloadComponent } from './DownloadComponent';
2124
export { default as EyeCloseComponent } from './EyeCloseComponent';
2225
export { default as EyeGradientComponent } from './EyeGradientComponent';
2326
export { default as EyeOpenComponent } from './EyeOpenComponent';
@@ -37,16 +40,21 @@ export { default as LightBulbGradientComponent } from './LightBulbGradientCompon
3740
export { default as LoaderDarkGradientComponent } from './LoaderDarkGradientComponent';
3841
export { default as LoaderLightGradientComponent } from './LoaderLightGradientComponent';
3942
export { default as LoadingComponent } from './LoadingComponent';
43+
export { default as MnemonicComponent } from './MnemonicComponent';
4044
export { default as NewspaperGradientComponent } from './NewspaperGradientComponent';
45+
export { default as PaperwalletComponent } from './PaperwalletComponent';
4146
export { default as PencilOutlineComponent } from './PencilOutlineComponent';
4247
export { default as PlainCircleComponent } from './PlainCircleComponent';
4348
export { default as PlusCircleGradientComponent } from './PlusCircleGradientComponent';
4449
export { default as PlusCircleComponent } from './PlusCircleComponent';
4550
export { default as PlusSmallComponent } from './PlusSmallComponent';
51+
export { default as PrinterComponent } from './PrinterComponent';
52+
export { default as QrcodeComponent } from './QrcodeComponent';
4653
export { default as QuestionMarkCircleGradientComponent } from './QuestionMarkCircleGradientComponent';
4754
export { default as QuestionMarkComponent } from './QuestionMarkComponent';
4855
export { default as ReceiptTaxGradientComponent } from './ReceiptTaxGradientComponent';
4956
export { default as RefreshComponent } from './RefreshComponent';
57+
export { default as SadEmojiComponent } from './SadEmojiComponent';
5058
export { default as SearchComponent } from './SearchComponent';
5159
export { default as ShieldGradientComponent } from './ShieldGradientComponent';
5260
export { default as SortAlphabeticalAscComponent } from './SortAlphabeticalAscComponent';

‎src/icons/raw/camera.component.svg

+8
Loading

‎src/icons/raw/document.component.svg

+11
Loading

‎src/icons/raw/download.component.svg

+11
Loading

‎src/icons/raw/mnemonic.component.svg

+12
Loading

‎src/icons/raw/paperwallet.component.svg

+6
Loading

‎src/icons/raw/printer.component.svg

+5
Loading

‎src/icons/raw/qrcode.component.svg

+3
Loading

‎src/icons/raw/sad-emoji.component.svg

+5
Loading

0 commit comments

Comments
 (0)