Skip to content

Commit 4c9fbdc

Browse files
renemennabrenemennab
authored
feat: add new icons for product pages (#609)
1 parent 6cf451b commit 4c9fbdc

File tree

6 files changed

+152
-0
lines changed

6 files changed

+152
-0
lines changed

‎src/components/icons/CompatibilityIcon.tsx‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import createIcon from './createIcon'
2+
3+
export default createIcon(({ size, color }) => (
4+
<svg
5+
width={size}
6+
viewBox="0 0 16 16"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
>
10+
<path
11+
d="M6.5 15.4706C5.15146 15.314 3.742 14.5389 2.61777 13.3182C1.35952 11.9521 0.5 10.0699 0.5 8C0.5 5.93032 1.35952 4.04809 2.61777 2.68188C3.74201 1.46119 5.15147 0.686043 6.5 0.529408V4.5H5H4.5V5V11V11.5H5H6.5V15.4706ZM8.5 7H9V6.5V0.52618C10.5284 0.684776 12.071 1.55335 13.2823 2.84238C14.6236 4.26993 15.5 6.15255 15.5 8C15.5 9.84875 14.6309 11.7314 13.2943 13.1582C12.0864 14.4474 10.5425 15.3169 9 15.4743V9.5V9H8.5H7V7H8.5Z"
12+
fill={color}
13+
stroke={color}
14+
/>
15+
</svg>
16+
))

‎src/components/icons/ComplianceIcon.tsx‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
import createIcon from './createIcon'
2+
3+
export default createIcon(({ size, color }) => (
4+
<svg
5+
width={size}
6+
viewBox="0 0 16 16"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
>
10+
<path
11+
d="M2.56055 8.04125V3.35199C2.56055 2.71425 3.04823 2.22656 3.68597 2.22656"
12+
stroke={color}
13+
strokeMiterlimit="10"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
/>
17+
<path
18+
d="M13.4396 6.73047V13.483C13.4396 14.1207 12.952 14.6084 12.3142 14.6084H3.68597C3.04823 14.6084 2.56055 14.1207 2.56055 13.483V10.3318"
19+
stroke={color}
20+
strokeMiterlimit="10"
21+
strokeLinecap="round"
22+
strokeLinejoin="round"
23+
/>
24+
<path
25+
d="M10.4395 2.22656H12.3152C12.9529 2.22656 13.4406 2.71425 13.4406 3.35199V4.32735"
26+
stroke={color}
27+
strokeMiterlimit="10"
28+
strokeLinecap="round"
29+
strokeLinejoin="round"
30+
/>
31+
<path
32+
d="M9.31196 2.97741H6.68597C6.04823 2.97741 5.56055 2.48973 5.56055 1.85199C5.56055 1.21425 6.04823 0.726562 6.68597 0.726562H9.31196C9.9497 0.726562 10.4374 1.21425 10.4374 1.85199C10.4374 2.48973 9.9497 2.97741 9.31196 2.97741Z"
33+
stroke={color}
34+
strokeMiterlimit="10"
35+
/>
36+
<path
37+
d="M5.56055 8.98117L7.06111 10.4817L10.4374 7.10547"
38+
stroke={color}
39+
strokeMiterlimit="10"
40+
strokeLinecap="round"
41+
strokeLinejoin="round"
42+
/>
43+
</svg>
44+
))

‎src/components/icons/PrQueueIcon.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import createIcon from './createIcon'
2+
3+
export default createIcon(({ size, color }) => (
4+
<svg
5+
width={size}
6+
viewBox="0 0 16 14"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
>
10+
<path
11+
d="M0.25 13.5C0.111929 13.5 -1.26242e-07 13.3881 -1.20206e-07 13.25L-1.09278e-08 10.75C-4.89256e-09 10.6119 0.111929 10.5 0.25 10.5L0.75 10.5C0.888071 10.5 1 10.6119 1 10.75L1 12.25C1 12.3881 1.11193 12.5 1.25 12.5L8 12.5L14.75 12.5C14.8881 12.5 15 12.3881 15 12.25L15 10.75C15 10.6119 15.1119 10.5 15.25 10.5L15.75 10.5C15.8881 10.5 16 10.6119 16 10.75L16 13.25C16 13.3881 15.8881 13.5 15.75 13.5L0.25 13.5Z"
12+
fill={color}
13+
/>
14+
<path
15+
d="M13.5385 0.515625C13.6623 0.515625 13.7744 0.553387 13.8551 0.613508C13.9358 0.673641 13.9844 0.755326 13.9844 0.84375L13.9844 11.1563C13.9844 11.2447 13.9358 11.3264 13.8551 11.3865C13.7744 11.4466 13.6623 11.4844 13.5385 11.4844C13.4146 11.4844 13.3026 11.4466 13.2218 11.3865C13.1411 11.3264 13.0925 11.2447 13.0925 11.1563L13.0925 0.84375C13.0925 0.755326 13.1411 0.673641 13.2218 0.613508C13.3026 0.553387 13.4146 0.515625 13.5385 0.515625ZM9.84615 0.515625C9.97002 0.515625 10.0821 0.553387 10.1628 0.613508C10.2435 0.673641 10.2921 0.755326 10.2921 0.84375L10.2921 11.1563C10.2921 11.2447 10.2435 11.3264 10.1628 11.3865C10.0821 11.4466 9.97002 11.4844 9.84615 11.4844C9.72229 11.4844 9.61025 11.4466 9.52953 11.3865C9.44879 11.3264 9.40024 11.2447 9.40024 11.1563L9.40024 0.84375C9.40024 0.755326 9.44879 0.673641 9.52953 0.613508C9.61025 0.553387 9.72229 0.515625 9.84615 0.515625ZM5.70793 0.84375C5.70793 0.755326 5.75648 0.673641 5.83722 0.613507C5.91794 0.553387 6.02998 0.515625 6.15385 0.515625C6.27771 0.515625 6.38975 0.553387 6.47048 0.613507C6.55121 0.673641 6.59976 0.755326 6.59976 0.84375L6.59976 11.1563C6.59976 11.2447 6.55121 11.3264 6.47047 11.3865C6.38975 11.4466 6.27771 11.4844 6.15385 11.4844C6.02998 11.4844 5.91794 11.4466 5.83722 11.3865C5.75648 11.3264 5.70793 11.2447 5.70793 11.1563L5.70793 0.84375ZM2.46154 0.515624C2.5854 0.515625 2.69745 0.553386 2.77817 0.613507C2.85891 0.673641 2.90745 0.755326 2.90745 0.84375L2.90745 11.1563C2.90745 11.2447 2.85891 11.3264 2.77817 11.3865C2.69745 11.4466 2.5854 11.4844 2.46154 11.4844C2.33767 11.4844 2.22563 11.4466 2.14491 11.3865C2.06417 11.3264 2.01563 11.2447 2.01563 11.1563L2.01563 0.84375C2.01563 0.755326 2.06417 0.673641 2.14491 0.613507C2.22563 0.553386 2.33767 0.515624 2.46154 0.515624Z"
16+
fill={color}
17+
stroke={color}
18+
strokeWidth="0.03125"
19+
/>
20+
</svg>
21+
))

‎src/components/icons/ProtectedCluster.tsx‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
import createIcon from './createIcon'
2+
3+
export default createIcon(({ size, color }) => (
4+
<svg
5+
width={size}
6+
viewBox="0 0 16 16"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
>
10+
<path
11+
fillRule="evenodd"
12+
clipRule="evenodd"
13+
d="M11.5 1.2C11.5 1.08954 11.4105 1 11.3 1H4.7C4.58954 1 4.5 1.08954 4.5 1.2V7.8C4.5 7.91046 4.58954 8 4.7 8H7.36689H8.57169H11.3C11.4105 8 11.5 7.91046 11.5 7.8V1.2ZM8.77588 3.98145C8.77588 4.28485 8.62068 4.55272 8.38558 4.70973C8.32143 4.75258 8.27588 4.82121 8.27588 4.89835V5.85645C8.27588 6.06426 8.10869 6.23145 7.90088 6.23145C7.69307 6.23145 7.52588 6.06426 7.52588 5.85645V4.89835C7.52588 4.82121 7.48032 4.75258 7.41617 4.70973C7.18108 4.55272 7.02588 4.28485 7.02588 3.98145C7.02588 3.49863 7.41807 3.10645 7.90088 3.10645C8.38369 3.10645 8.77588 3.49863 8.77588 3.98145Z"
14+
fill={color}
15+
/>
16+
<path
17+
d="M3.8623 15.3828H1.2998V12.8203C1.2998 12.5703 1.4873 12.3828 1.7373 12.3828H4.2998V15.0078C4.2998 15.1953 4.1123 15.3828 3.8623 15.3828Z"
18+
fill={color}
19+
/>
20+
<path
21+
d="M2.5 12.7004V4.71875H3.79419"
22+
stroke={color}
23+
/>
24+
<path
25+
d="M13.4998 12.7004V4.71875H12.2012"
26+
stroke={color}
27+
/>
28+
<path
29+
d="M12.1377 15.3828H14.7002V12.8203C14.7002 12.5703 14.5127 12.3828 14.2627 12.3828H11.7002V15.0078C11.7002 15.1953 11.8877 15.3828 12.1377 15.3828Z"
30+
fill={color}
31+
/>
32+
<rect
33+
x="6.5"
34+
y="12.3828"
35+
width="3"
36+
height="3"
37+
rx="0.2"
38+
fill={color}
39+
/>
40+
<path
41+
d="M8 13.5017L8 8.71094"
42+
stroke={color}
43+
/>
44+
</svg>
45+
))

‎src/components/icons/TerraformLogoIcon.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import createIcon from './createIcon'
2+
3+
export default createIcon(({ size, color }) => (
4+
<svg
5+
width={size}
6+
viewBox="0 0 15 17"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
>
10+
<path
11+
d="M14.0529 8.24839L9.73453 10.7393V5.7548L14.0529 3.2586V8.24839Z"
12+
fill={color}
13+
stroke={color}
14+
strokeWidth="0.0549999"
15+
/>
16+
<path
17+
d="M4.85333 3.20929L9.22667 5.73729V10.7853L4.85333 8.25996M0 5.44129L4.37333 7.96663V2.91596L0 0.390625M4.85333 13.8653L9.22667 16.3906V11.34L4.85333 8.81463"
18+
fill={color}
19+
/>
20+
</svg>
21+
))

‎src/icons.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,8 @@ export { default as ClusterIcon } from './components/icons/ClusterIcon'
4343
export { default as CollapseIcon } from './components/icons/CollapseIcon'
4444
export { default as CommandIcon } from './components/icons/CommandIcon'
4545
export { default as CompassIcon } from './components/icons/CompassIcon'
46+
export { default as CompatibilityIcon } from './components/icons/CompatibilityIcon'
47+
export { default as ComplianceIcon } from './components/icons/ComplianceIcon'
4648
export { default as ComponentsIcon } from './components/icons/ComponentsIcon'
4749
export { default as ComputerNodeIcon } from './components/icons/ComputerNodeIcon'
4850
export { default as HomeIcon } from './components/icons/HomeIcon'
@@ -145,6 +147,8 @@ export { default as PrClosedIcon } from './components/icons/PrClosedIcon'
145147
export { default as PrMergedIcon } from './components/icons/PrMergedIcon'
146148
export { default as ProjectIcon } from './components/icons/ProjectIcon'
147149
export { default as PrOpenIcon } from './components/icons/PrOpenIcon'
150+
export { default as PrQueueIcon } from './components/icons/PrQueueIcon'
151+
export { default as ProtectedCluster } from './components/icons/ProtectedCluster'
148152
export { default as ProtectedClusterIcon } from './components/icons/ProtectedClusterIcon'
149153
export { default as PushPinIcon } from './components/icons/PushPinIcon'
150154
export { default as ReloadIcon } from './components/icons/ReloadIcon'
@@ -177,6 +181,7 @@ export { default as SuccessIcon } from './components/icons/SuccessIcon'
177181
export { default as SuitcaseIcon } from './components/icons/SuitcaseIcon'
178182
export { default as TableIcon } from './components/icons/TableIcon'
179183
export { default as TagIcon } from './components/icons/TagIcon'
184+
export { default as TerraformLogoIcon } from './components/icons/TerraformLogoIcon'
180185
export { default as TerminalIcon } from './components/icons/TerminalIcon'
181186
export { default as TerraformIcon } from './components/icons/TerraformIcon'
182187
export { default as TestTubeIcon } from './components/icons/TestTubeIcon'

0 commit comments

Comments
 (0)