Skip to content

Commit 00a5fba

Browse files
prakashsvmxprakashsvmx
authored
UX Icons for Modals (#1337)
1 parent 78fa499 commit 00a5fba

File tree

69 files changed

+1923
-11
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

69 files changed

+1923
-11
lines changed

‎portal-ui/src/icons/AddAccessRuleIcon.tsx

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2021 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import * as React from "react";
18+
import { SVGProps } from "react";
19+
20+
const AddAccessRuleIcon = (props: SVGProps<SVGSVGElement>) => (
21+
<svg
22+
xmlns="http://www.w3.org/2000/svg"
23+
width="284.616"
24+
height="49.568"
25+
className={"min-icon"}
26+
viewBox="0 0 256 256"
27+
{...props}
28+
>
29+
<defs>
30+
<clipPath id="clip-path">
31+
<rect
32+
id="Rectángulo_1018"
33+
data-name="Rectángulo 1018"
34+
width="221.51"
35+
height="256.002"
36+
fill="#4ccb92"
37+
/>
38+
</clipPath>
39+
<clipPath id="clip-Add_Access_Rule">
40+
<rect width="256" height="256" />
41+
</clipPath>
42+
</defs>
43+
<g
44+
id="Add_Access_Rule"
45+
data-name="Add Access Rule"
46+
clipPath="url(#clip-Add_Access_Rule)"
47+
>
48+
<rect width="256" height="256" fill="#fff" />
49+
<g id="Add_Access_Rule_Icon" data-name="Add Access Rule Icon">
50+
<g id="Grupo_2406" data-name="Grupo 2406" transform="translate(18)">
51+
<g id="Grupo_2405" data-name="Grupo 2405" clipPath="url(#clip-path)">
52+
<path
53+
id="Trazado_7142"
54+
data-name="Trazado 7142"
55+
d="M104.258,94.5a8.671,8.671,0,1,0,12.263,0,8.672,8.672,0,0,0-12.263,0"
56+
fill="#4ccb92"
57+
/>
58+
<path
59+
id="Trazado_7143"
60+
data-name="Trazado 7143"
61+
d="M220.846,46.255a15.346,15.346,0,0,0-15.422-14.381h-.01l-2.217.017c-18.3,0-53.371-3.671-82.6-28.236A15.2,15.2,0,0,0,110.742,0a15.03,15.03,0,0,0-9.748,3.6C71.681,28.225,36.7,31.9,18.452,31.9l-2.764-.028A15.124,15.124,0,0,0,.665,46.358C-1.156,93.424-.821,159.771,23,192.41c22.161,30.467,65.486,55.314,78.912,61.614a20.721,20.721,0,0,0,17.7-.015c14.415-6.8,56.684-31.109,78.885-61.582,23.832-32.654,24.168-99,22.347-146.172m-92.069,94.893,0,25.363H118.635v12.845h10.146v11H118.635V203.2h10.148v1.651l-18.394,18.394L92,204.849l.007-63.7a38.469,38.469,0,0,1-9.2-6.8A39.158,39.158,0,0,1,116.79,68.09a38.019,38.019,0,0,1,23.45,13.338,39.022,39.022,0,0,1-11.463,59.72"
62+
fill="#4ccb92"
63+
/>
64+
</g>
65+
</g>
66+
<rect
67+
id="Rectángulo_1019"
68+
data-name="Rectángulo 1019"
69+
width="256"
70+
height="256"
71+
fill="none"
72+
/>
73+
</g>
74+
</g>
75+
</svg>
76+
);
77+
78+
export default AddAccessRuleIcon;

‎portal-ui/src/icons/AddMembersToGroupIcon.tsx

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2021 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import * as React from "react";
18+
import { SVGProps } from "react";
19+
20+
const AddMembersToGroupIcon = (props: SVGProps<SVGSVGElement>) => (
21+
<svg
22+
xmlns="http://www.w3.org/2000/svg"
23+
width="284.616"
24+
height="49.568"
25+
className={"min-icon"}
26+
viewBox="0 0 256 256"
27+
{...props}
28+
>
29+
<defs>
30+
<clipPath id="clip-path">
31+
<rect
32+
id="Rectángulo_1016"
33+
data-name="Rectángulo 1016"
34+
width="234.495"
35+
height="256"
36+
fill="#4ccb92"
37+
/>
38+
</clipPath>
39+
<clipPath id="clip-Add_Members_to_Group">
40+
<rect width="256" height="256" />
41+
</clipPath>
42+
</defs>
43+
<g
44+
id="Add_Members_to_Group"
45+
data-name="Add Members to Group"
46+
clipPath="url(#clip-Add_Members_to_Group)"
47+
>
48+
<rect width="256" height="256" fill="#fff" />
49+
<g id="Add_Members_to_Group_Icon" data-name="Add Members to Group Icon">
50+
<g id="Grupo_2404" data-name="Grupo 2404" transform="translate(12)">
51+
<g id="Grupo_2403" data-name="Grupo 2403" clipPath="url(#clip-path)">
52+
<path
53+
id="Trazado_7140"
54+
data-name="Trazado 7140"
55+
d="M88.829,144.6h.048a66.829,66.829,0,0,0,27.035-5.707,69.009,69.009,0,0,0,22.1-15.529,72.055,72.055,0,0,0,14.891-22.977,73.863,73.863,0,0,0,5.463-28.1C158.372,32.435,127.183,0,88.831,0h0C50.5,0,19.316,32.43,19.316,72.292S50.5,144.6,88.829,144.6"
56+
transform="translate(1.421)"
57+
fill="#4ccb92"
58+
/>
59+
<path
60+
id="Trazado_7141"
61+
data-name="Trazado 7141"
62+
d="M170.085,117.467a64.39,64.39,0,0,0-57.412,35.223c-1.427-.4-2.86-.784-4.3-1.124A94.705,94.705,0,0,0,86.9,149.044v.005c-1.755,0-3.439.046-5,.135A99.747,99.747,0,0,0,8.1,189.42c-.388.519-.767,1.061-1.234,1.756l-.107.15c-.1.142-.214.3-.312.458l-.027.028a37.88,37.88,0,0,0-2.671,37.522A31.97,31.97,0,0,0,32.509,247.36H142.044a31.485,31.485,0,0,0,13.08-2.84,64.408,64.408,0,1,0,14.961-127.054m.383,115.3a50.889,50.889,0,1,1,50.888-50.888,50.888,50.888,0,0,1-50.888,50.888m-7.982-26.944V189.859H146.524V173.895h15.963V157.931H178.45v15.964h15.963v15.964H178.45v15.963Z"
63+
transform="translate(0 8.64)"
64+
fill="#4ccb92"
65+
/>
66+
</g>
67+
</g>
68+
<rect
69+
id="Rectángulo_1017"
70+
data-name="Rectángulo 1017"
71+
width="256"
72+
height="256"
73+
fill="none"
74+
/>
75+
</g>
76+
</g>
77+
</svg>
78+
);
79+
80+
export default AddMembersToGroupIcon;

‎portal-ui/src/icons/AddNewTagIcon.tsx

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2021 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import * as React from "react";
18+
import { SVGProps } from "react";
19+
20+
const AddNewTagIcon = (props: SVGProps<SVGSVGElement>) => (
21+
<svg
22+
xmlns="http://www.w3.org/2000/svg"
23+
width="284.616"
24+
height="49.568"
25+
className={"min-icon"}
26+
viewBox="0 0 256 256"
27+
{...props}
28+
>
29+
<defs>
30+
<clipPath id="clip-path">
31+
<rect
32+
id="Rectángulo_1041"
33+
data-name="Rectángulo 1041"
34+
width="256"
35+
height="242.667"
36+
fill="none"
37+
/>
38+
</clipPath>
39+
<clipPath id="clip-Add_New_Tag">
40+
<rect width="256" height="256" />
41+
</clipPath>
42+
</defs>
43+
<g
44+
id="Add_New_Tag"
45+
data-name="Add New Tag"
46+
clipPath="url(#clip-Add_New_Tag)"
47+
>
48+
<rect width="256" height="256" fill="#fff" />
49+
<g id="Add_New_Tag_Icon" data-name="Add New Tag Icon">
50+
<g id="Add_New_" data-name="Add New " transform="translate(0 7.836)">
51+
<g id="Grupo_2429" data-name="Grupo 2429" clipPath="url(#clip-path)">
52+
<path
53+
id="Trazado_7190"
54+
data-name="Trazado 7190"
55+
d="M227.22,126.576A53.114,53.114,0,1,0,155.674,55.03L109.365,8.722A29.86,29.86,0,0,0,88.94,0L29.97.032A30.021,30.021,0,0,0,0,29.99l0,59.2a29.8,29.8,0,0,0,8.7,20.186L133.237,233.909a29.806,29.806,0,0,0,21.266,8.758v0a29.813,29.813,0,0,0,21.25-8.743l58.162-58.157a30.211,30.211,0,0,0-.018-42.511ZM60.958,76.033A15.072,15.072,0,1,1,76.031,60.96,15.091,15.091,0,0,1,60.958,76.033m100.274,3.334A41.967,41.967,0,1,1,203.2,121.334a41.967,41.967,0,0,1-41.967-41.967"
56+
fill="#4ccb92"
57+
/>
58+
<path
59+
id="Trazado_7191"
60+
data-name="Trazado 7191"
61+
d="M316.362,94.258H303.2v13.164H290.033v13.165H303.2v13.165h13.164V120.587h13.164V107.422H316.362Z"
62+
transform="translate(-106.58 -34.638)"
63+
fill="#4ccb92"
64+
/>
65+
</g>
66+
</g>
67+
<rect
68+
id="Rectángulo_1042"
69+
data-name="Rectángulo 1042"
70+
width="256"
71+
height="256"
72+
fill="none"
73+
/>
74+
</g>
75+
</g>
76+
</svg>
77+
);
78+
79+
export default AddNewTagIcon;

‎portal-ui/src/icons/BucketEncryptionIcon.tsx

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2021 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import * as React from "react";
18+
import { SVGProps } from "react";
19+
20+
const BucketEncryptionIcon = (props: SVGProps<SVGSVGElement>) => (
21+
<svg
22+
xmlns="http://www.w3.org/2000/svg"
23+
width="284.616"
24+
height="49.568"
25+
className={"min-icon"}
26+
viewBox="0 0 256 256"
27+
{...props}
28+
>
29+
<defs>
30+
<clipPath id="clip-path">
31+
<rect
32+
id="Rectángulo_1023"
33+
data-name="Rectángulo 1023"
34+
width="256"
35+
height="255.998"
36+
fill="none"
37+
/>
38+
</clipPath>
39+
<clipPath id="clip-Enable_Bucket_Encryption">
40+
<rect width="256" height="256" />
41+
</clipPath>
42+
</defs>
43+
<g
44+
id="Enable_Bucket_Encryption"
45+
data-name="Enable Bucket Encryption"
46+
clipPath="url(#clip-Enable_Bucket_Encryption)"
47+
>
48+
<rect width="256" height="256" fill="#fff" />
49+
<g
50+
id="Enable_Bucket_Encryption_Icon"
51+
data-name="Enable Bucket Encryption Icon"
52+
>
53+
<g id="Grupo_2410" data-name="Grupo 2410" clipPath="url(#clip-path)">
54+
<path
55+
id="Trazado_7149"
56+
data-name="Trazado 7149"
57+
d="M127.927,130.84a8.009,8.009,0,0,0-4.486,14.645v6.451a4.238,4.238,0,0,0,4.228,4.228h.511a4.237,4.237,0,0,0,4.227-4.228v-6.451a8.009,8.009,0,0,0-4.48-14.645"
58+
transform="translate(-0.009)"
59+
/>
60+
<path
61+
id="Trazado_7150"
62+
data-name="Trazado 7150"
63+
d="M250.852,8.773A21.516,21.516,0,0,0,233.732,0H22.264A21.507,21.507,0,0,0,5.148,8.773,25.864,25.864,0,0,0,.395,28.759c5.223,30.384,16.208,94.421,25,145.533l.014.1c4.457,26,8.337,48.644,10.616,61.787C37.988,247.666,47.17,256,57.875,256H198.129c10.712,0,19.873-8.332,21.859-19.818l10.591-61.712.076-.375,14.334-83.619.049-.243L255.6,28.759a25.8,25.8,0,0,0-4.748-19.986M37.855,98a9.544,9.544,0,0,1-9.408-7.93l-.007-.042a9.544,9.544,0,0,1,9.406-11.158h62.969A29.6,29.6,0,0,0,94.2,97.433v.176h-1.06a32.022,32.022,0,0,0-4.912.382Zm14.538,83.918a9.544,9.544,0,0,1-9.408-7.93l-.007-.041a9.544,9.544,0,0,1,9.405-11.159H63.256a26.924,26.924,0,0,0,8.909,18.292q.468.428.952.833ZM181.632,161.14c0,9.2-8.235,16.705-18.456,16.935l-35.261,6.136-35.259-6.135C82.434,177.844,74.2,170.337,74.2,161.14V125.55c0-9.342,8.5-16.941,18.943-16.941H105.2V97.433c0-11.162,10.19-20.244,22.714-20.244s22.714,9.08,22.714,20.244v11.176h12.059c10.446,0,18.944,7.6,18.944,16.941Zm31.479,12.751h0a9.543,9.543,0,0,1-9.413,7.989l-20.95.006c.311-.262.618-.529.918-.8a26.921,26.921,0,0,0,8.91-18.292H203.7a9.544,9.544,0,0,1,9.415,11.1M227.4,89.972a9.544,9.544,0,0,1-9.414,7.989l-50.5.012a32.024,32.024,0,0,0-4.8-.364h-1.06v-.176a29.6,29.6,0,0,0-6.613-18.56h62.97a9.544,9.544,0,0,1,9.416,11.1"
64+
transform="translate(0)"
65+
/>
66+
<path
67+
id="Trazado_7151"
68+
data-name="Trazado 7151"
69+
d="M127.923,85.575c-7.334,0-13.3,5.32-13.3,11.858l0,11.175h26.61l0-11.175c0-6.538-5.967-11.858-13.3-11.858"
70+
transform="translate(-0.009)"
71+
/>
72+
</g>
73+
</g>
74+
</g>
75+
</svg>
76+
);
77+
78+
export default BucketEncryptionIcon;

‎portal-ui/src/icons/BucketQuotaIcon.tsx

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2021 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import * as React from "react";
18+
import { SVGProps } from "react";
19+
20+
const BucketQuotaIcon = (props: SVGProps<SVGSVGElement>) => (
21+
<svg
22+
xmlns="http://www.w3.org/2000/svg"
23+
width="284.616"
24+
height="49.568"
25+
className={"min-icon"}
26+
viewBox="0 0 256 256"
27+
{...props}
28+
>
29+
<defs>
30+
<clipPath id="clip-path">
31+
<rect
32+
id="Rectángulo_1024"
33+
data-name="Rectángulo 1024"
34+
width="256"
35+
height="255.998"
36+
fill="none"
37+
/>
38+
</clipPath>
39+
<clipPath id="clip-Enable_Bucket_Quota">
40+
<rect width="256" height="256" />
41+
</clipPath>
42+
</defs>
43+
<g
44+
id="Enable_Bucket_Quota"
45+
data-name="Enable Bucket Quota"
46+
clipPath="url(#clip-Enable_Bucket_Quota)"
47+
>
48+
<rect width="256" height="256" fill="#fff" />
49+
<g id="Enable_Bucket_Quota_icon" data-name="Enable Bucket Quota icon">
50+
<g id="Grupo_2411" data-name="Grupo 2411" clipPath="url(#clip-path)">
51+
<path
52+
id="Trazado_7154"
53+
data-name="Trazado 7154"
54+
d="M250.852,8.773A21.516,21.516,0,0,0,233.731,0H22.263A21.507,21.507,0,0,0,5.148,8.773,25.866,25.866,0,0,0,.394,28.758c5.223,30.385,16.208,94.421,25,145.533l.015.1c4.457,26,8.336,48.644,10.616,61.787C37.988,247.665,47.17,256,57.875,256H198.129c10.712,0,19.873-8.33,21.859-19.818l10.59-61.711.077-.375,14.334-83.62.049-.243L255.6,28.758a25.8,25.8,0,0,0-4.748-19.985M37.855,98a9.546,9.546,0,0,1-9.408-7.931l-.007-.041a9.544,9.544,0,0,1,9.406-11.159H73.505A76.487,76.487,0,0,0,61.131,98ZM52.393,181.92a9.542,9.542,0,0,1-9.408-7.93l-.007-.041a9.543,9.543,0,0,1,9.406-11.158h9.537a76.056,76.056,0,0,0,13.085,19.123ZM95.5,184.747A65.491,65.491,0,0,1,166.073,74.4l-6.682,6.683a56.3,56.3,0,0,0-68.414,88.287h.016a56.4,56.4,0,0,0,68.255,8.755l6.7,6.7a65.481,65.481,0,0,1-70.445-.081m81.526-2.408-3.147-3.147L124.27,129.579l49.47-49.515,3.27-3.27,3.27,3.27a69.643,69.643,0,0,1,14.386,20.891q.409.909.789,1.828a70,70,0,0,1,0,53.585l.016-.013q-.46,1.113-.964,2.208A69.625,69.625,0,0,1,180.3,179.069Zm36.084-8.449h0a9.543,9.543,0,0,1-9.413,7.989l-11.062,0a80.263,80.263,0,0,0,11.888-18.775c.039-.085.079-.177.118-.264a9.542,9.542,0,0,1,8.469,11.047M227.4,89.971a9.542,9.542,0,0,1-9.414,7.989l-12.633,0c-.216-.509-.431-1.019-.659-1.526a80.169,80.169,0,0,0-10.75-17.566h24.04a9.544,9.544,0,0,1,9.416,11.1"
55+
transform="translate(0)"
56+
/>
57+
<path
58+
id="Trazado_7155"
59+
data-name="Trazado 7155"
60+
d="M137.27,129.555,176.915,169.2a60.81,60.81,0,0,0,0-79.259Z"
61+
transform="translate(-0.011)"
62+
/>
63+
</g>
64+
</g>
65+
</g>
66+
</svg>
67+
);
68+
69+
export default BucketQuotaIcon;

0 commit comments

Comments
 (0)