Skip to content

Commit 894445b

Browse files
hashibot-hdsmajedelassjorytindall
authored
Updated export of icons from Figma (#2635)
Co-authored-by: majedelass <156002572+majedelass@users.noreply.github.com> Co-authored-by: Jory Tindall <jory.tindall@hashicorp.com>
1 parent 41769a3 commit 894445b

26 files changed

+312
-11
lines changed

‎.changeset/sharp-beds-approve.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@hashicorp/flight-icons": minor
3+
---
4+
5+
`confluence` and `confluence-color` icons added.

‎packages/flight-icons/catalog.json

+41-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"lastRunTimeISO": "2024-11-15T20:52:01.535Z",
2+
"lastRunTimeISO": "2025-01-03T21:27:03.652Z",
33
"lastRunFigma": {
44
"id": "TLnoT5AYQfy3tZ0H68BgOr",
55
"page": "Export",
@@ -886,6 +886,46 @@
886886
"width": 16,
887887
"height": 16
888888
},
889+
{
890+
"id": "7057:66",
891+
"fileName": "confluence-24",
892+
"iconName": "confluence",
893+
"description": "confluence, atlassian, document",
894+
"category": "Services",
895+
"size": "24",
896+
"width": 24,
897+
"height": 24
898+
},
899+
{
900+
"id": "7057:70",
901+
"fileName": "confluence-16",
902+
"iconName": "confluence",
903+
"description": "confluence, atlassian, document",
904+
"category": "Services",
905+
"size": "16",
906+
"width": 16,
907+
"height": 16
908+
},
909+
{
910+
"id": "7057:77",
911+
"fileName": "confluence-color-24",
912+
"iconName": "confluence-color",
913+
"description": "confluence, atlassian, document",
914+
"category": "Services",
915+
"size": "24",
916+
"width": 24,
917+
"height": 24
918+
},
919+
{
920+
"id": "7057:81",
921+
"fileName": "confluence-color-16",
922+
"iconName": "confluence-color",
923+
"description": "confluence, atlassian, document",
924+
"category": "Services",
925+
"size": "16",
926+
"width": 16,
927+
"height": 16
928+
},
889929
{
890930
"id": "6750:66",
891931
"fileName": "confluent-24",

‎packages/flight-icons/svg-original/confluence-16.svg

+8
Loading

‎packages/flight-icons/svg-original/confluence-24.svg

+8
Loading

‎packages/flight-icons/svg-original/confluence-color-16.svg

+20
Loading

‎packages/flight-icons/svg-original/confluence-color-24.svg

+20
Loading

‎packages/flight-icons/svg-original/kubernetes-color-16.svg

+1-1
Loading

‎packages/flight-icons/svg-original/kubernetes-color-24.svg

+1-1
Loading

‎packages/flight-icons/svg-react/confluence-16.tsx

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import { forwardRef, useMemo } from 'react';
2+
import { IconProps } from './types';
3+
4+
export const IconConfluence16 = forwardRef<SVGSVGElement, IconProps>(
5+
({ color = 'currentColor', title, ...props }, svgRef) => {
6+
const titleId = useMemo(
7+
() =>
8+
title
9+
? 'title-' + Math.random().toString(36).substr(2, 9)
10+
: undefined,
11+
[title]
12+
);
13+
return (
14+
<svg
15+
xmlns="http://www.w3.org/2000/svg"
16+
width={16}
17+
height={16}
18+
fill="none"
19+
viewBox="0 0 16 16"
20+
aria-hidden={!title}
21+
ref={svgRef}
22+
aria-labelledby={titleId}
23+
{...props}
24+
>
25+
{title ? <title id={titleId}>{title}</title> : null}
26+
<g fill={color}>
27+
<path d="M1.497 11.624c-.145.237-.308.51-.435.73a.446.446 0 00.15.606l2.898 1.783a.446.446 0 00.617-.151c.114-.194.263-.446.426-.716 1.148-1.895 2.306-1.663 4.386-.669l2.873 1.367a.446.446 0 00.6-.223l1.38-3.121a.446.446 0 00-.223-.585c-.606-.285-1.812-.856-2.898-1.377-3.915-1.904-7.235-1.78-9.774 2.356z" />
28+
<path d="M14.492 4.535c.145-.237.308-.513.446-.73a.446.446 0 00-.151-.606l-2.899-1.784a.446.446 0 00-.615.152c-.116.194-.265.446-.428.716-1.148 1.895-2.303 1.663-4.385.669l-2.883-1.36a.446.446 0 00-.597.223L1.6 4.935a.446.446 0 00.222.585c.607.285 1.815.854 2.899 1.378 3.912 1.888 7.232 1.763 9.771-2.363z" />
29+
</g>
30+
</svg>
31+
);
32+
}
33+
);

‎packages/flight-icons/svg-react/confluence-24.tsx

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import { forwardRef, useMemo } from 'react';
2+
import { IconProps } from './types';
3+
4+
export const IconConfluence24 = forwardRef<SVGSVGElement, IconProps>(
5+
({ color = 'currentColor', title, ...props }, svgRef) => {
6+
const titleId = useMemo(
7+
() =>
8+
title
9+
? 'title-' + Math.random().toString(36).substr(2, 9)
10+
: undefined,
11+
[title]
12+
);
13+
return (
14+
<svg
15+
xmlns="http://www.w3.org/2000/svg"
16+
width={24}
17+
height={24}
18+
fill="none"
19+
viewBox="0 0 24 24"
20+
aria-hidden={!title}
21+
ref={svgRef}
22+
aria-labelledby={titleId}
23+
{...props}
24+
>
25+
{title ? <title id={titleId}>{title}</title> : null}
26+
<g fill={color}>
27+
<path d="M2.71 17.177c-.207.338-.44.73-.621 1.042a.637.637 0 00.213.866l4.14 2.548a.638.638 0 00.883-.216c.162-.277.376-.637.608-1.023 1.64-2.707 3.293-2.376 6.265-.955l4.105 1.952a.638.638 0 00.857-.318l1.972-4.46a.637.637 0 00-.319-.834 628.29 628.29 0 01-4.14-1.968c-5.593-2.72-10.335-2.542-13.963 3.366z" />
28+
<path d="M21.275 7.05c.207-.338.44-.733.637-1.042a.637.637 0 00-.216-.866l-4.141-2.548a.637.637 0 00-.879.216c-.166.277-.38.637-.612 1.022-1.64 2.708-3.29 2.376-6.264.956L5.68 2.845a.637.637 0 00-.853.319L2.856 7.623a.637.637 0 00.319.834c.866.408 2.592 1.22 4.14 1.968 5.59 2.698 10.332 2.52 13.96-3.376z" />
29+
</g>
30+
</svg>
31+
);
32+
}
33+
);

‎packages/flight-icons/svg-react/confluence-color-16.tsx

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
import { forwardRef, useMemo } from 'react';
2+
import { IconProps } from './types';
3+
4+
export const IconConfluenceColor16 = forwardRef<SVGSVGElement, IconProps>(
5+
({ color = 'currentColor', title, ...props }, svgRef) => {
6+
const titleId = useMemo(
7+
() =>
8+
title
9+
? 'title-' + Math.random().toString(36).substr(2, 9)
10+
: undefined,
11+
[title]
12+
);
13+
return (
14+
<svg
15+
xmlns="http://www.w3.org/2000/svg"
16+
width={16}
17+
height={16}
18+
fill="none"
19+
viewBox="0 0 16 16"
20+
aria-hidden={!title}
21+
ref={svgRef}
22+
aria-labelledby={titleId}
23+
{...props}
24+
>
25+
{title ? <title id={titleId}>{title}</title> : null}
26+
<path
27+
fill="url(#confluence-color-16__paint0_linear_7057_81)"
28+
d="M1.497 11.624c-.145.237-.308.51-.435.73a.446.446 0 00.15.606l2.898 1.783a.446.446 0 00.617-.151c.114-.194.263-.446.426-.716 1.148-1.895 2.306-1.663 4.386-.669l2.873 1.367a.446.446 0 00.6-.223l1.38-3.121a.446.446 0 00-.223-.585c-.606-.285-1.812-.856-2.898-1.377-3.915-1.904-7.235-1.78-9.774 2.356z"
29+
/>
30+
<path
31+
fill="url(#confluence-color-16__paint1_linear_7057_81)"
32+
d="M14.492 4.535c.145-.237.308-.513.446-.73a.446.446 0 00-.151-.606l-2.899-1.784a.446.446 0 00-.615.152c-.116.194-.265.446-.428.716-1.148 1.895-2.303 1.663-4.385.669l-2.883-1.36a.446.446 0 00-.597.223L1.6 4.935a.446.446 0 00.222.585c.607.285 1.815.854 2.899 1.378 3.912 1.888 7.232 1.763 9.771-2.363z"
33+
/>
34+
<defs>
35+
<linearGradient
36+
id="confluence-color-16__paint0_linear_7057_81"
37+
x1={14.87}
38+
x2={3.71}
39+
y1={16.506}
40+
y2={13.163}
41+
gradientUnits="userSpaceOnUse"
42+
>
43+
<stop stopColor="#0050D3" />
44+
<stop offset={0.94} stopColor="#007FFC" />
45+
<stop offset={1} stopColor="#0082FF" />
46+
</linearGradient>
47+
<linearGradient
48+
id="confluence-color-16__paint1_linear_7057_81"
49+
x1={1.684}
50+
x2={10.453}
51+
y1={0.495}
52+
y2={5.533}
53+
gradientUnits="userSpaceOnUse"
54+
>
55+
<stop stopColor="#0050D3" />
56+
<stop offset={0.94} stopColor="#007FFC" />
57+
<stop offset={1} stopColor="#0082FF" />
58+
</linearGradient>
59+
</defs>
60+
</svg>
61+
);
62+
}
63+
);

‎packages/flight-icons/svg-react/confluence-color-24.tsx

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
import { forwardRef, useMemo } from 'react';
2+
import { IconProps } from './types';
3+
4+
export const IconConfluenceColor24 = forwardRef<SVGSVGElement, IconProps>(
5+
({ color = 'currentColor', title, ...props }, svgRef) => {
6+
const titleId = useMemo(
7+
() =>
8+
title
9+
? 'title-' + Math.random().toString(36).substr(2, 9)
10+
: undefined,
11+
[title]
12+
);
13+
return (
14+
<svg
15+
xmlns="http://www.w3.org/2000/svg"
16+
width={24}
17+
height={24}
18+
fill="none"
19+
viewBox="0 0 24 24"
20+
aria-hidden={!title}
21+
ref={svgRef}
22+
aria-labelledby={titleId}
23+
{...props}
24+
>
25+
{title ? <title id={titleId}>{title}</title> : null}
26+
<path
27+
fill="url(#confluence-color-24__paint0_linear_7057_77)"
28+
d="M2.71 17.177c-.207.338-.44.73-.621 1.042a.637.637 0 00.213.866l4.14 2.548a.638.638 0 00.883-.216c.162-.277.376-.637.608-1.023 1.64-2.707 3.293-2.376 6.265-.955l4.105 1.952a.638.638 0 00.857-.318l1.972-4.46a.637.637 0 00-.319-.834 628.29 628.29 0 01-4.14-1.968c-5.593-2.72-10.335-2.542-13.963 3.366z"
29+
/>
30+
<path
31+
fill="url(#confluence-color-24__paint1_linear_7057_77)"
32+
d="M21.275 7.05c.207-.338.44-.733.637-1.042a.637.637 0 00-.216-.866l-4.141-2.548a.637.637 0 00-.879.216c-.166.277-.38.637-.612 1.022-1.64 2.708-3.29 2.376-6.264.956L5.68 2.845a.637.637 0 00-.853.319L2.856 7.623a.637.637 0 00.319.834c.866.408 2.592 1.22 4.14 1.968 5.59 2.698 10.332 2.52 13.96-3.376z"
33+
/>
34+
<defs>
35+
<linearGradient
36+
id="confluence-color-24__paint0_linear_7057_77"
37+
x1={21.815}
38+
x2={5.871}
39+
y1={24.151}
40+
y2={19.376}
41+
gradientUnits="userSpaceOnUse"
42+
>
43+
<stop stopColor="#0050D3" />
44+
<stop offset={0.94} stopColor="#007FFC" />
45+
<stop offset={1} stopColor="#0082FF" />
46+
</linearGradient>
47+
<linearGradient
48+
id="confluence-color-24__paint1_linear_7057_77"
49+
x1={2.977}
50+
x2={15.504}
51+
y1={1.278}
52+
y2={8.476}
53+
gradientUnits="userSpaceOnUse"
54+
>
55+
<stop stopColor="#0050D3" />
56+
<stop offset={0.94} stopColor="#007FFC" />
57+
<stop offset={1} stopColor="#0082FF" />
58+
</linearGradient>
59+
</defs>
60+
</svg>
61+
);
62+
}
63+
);

‎packages/flight-icons/svg-react/index.ts

+4
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,10 @@ export { IconCodepen24 } from './codepen-24';
8686
export { IconCodepen16 } from './codepen-16';
8787
export { IconCodepenColor24 } from './codepen-color-24';
8888
export { IconCodepenColor16 } from './codepen-color-16';
89+
export { IconConfluence24 } from './confluence-24';
90+
export { IconConfluence16 } from './confluence-16';
91+
export { IconConfluenceColor24 } from './confluence-color-24';
92+
export { IconConfluenceColor16 } from './confluence-color-16';
8993
export { IconConfluent24 } from './confluent-24';
9094
export { IconConfluent16 } from './confluent-16';
9195
export { IconConfluentColor24 } from './confluent-color-24';

0 commit comments

Comments
 (0)