@hashicorp/flight-icons 2.0.3 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/catalog.json +163 -1
- package/package.json +8 -34
- package/structure-mappings.json +192 -0
- package/svg/alert-diamond-16.svg +1 -0
- package/svg/alert-diamond-24.svg +1 -0
- package/svg/alert-diamond-fill-16.svg +1 -0
- package/svg/alert-diamond-fill-24.svg +1 -0
- package/svg/amazon-ecs-16.svg +1 -0
- package/svg/amazon-ecs-24.svg +1 -0
- package/svg/amazon-ecs-color-16.svg +1 -0
- package/svg/amazon-ecs-color-24.svg +1 -0
- package/svg/animation.css +23 -0
- package/svg/build-16.svg +1 -1
- package/svg/build-24.svg +1 -1
- package/svg/change-24.svg +1 -1
- package/svg/closed-caption-16.svg +1 -0
- package/svg/closed-caption-24.svg +1 -0
- package/svg/diamond-24.svg +1 -1
- package/svg/discussion-circle-16.svg +1 -1
- package/svg/discussion-circle-24.svg +1 -1
- package/svg/folder-star-16.svg +1 -1
- package/svg/info-fill-16.svg +1 -0
- package/svg/info-fill-24.svg +1 -0
- package/svg/kubernetes-color-16.svg +1 -1
- package/svg/labyrinth-16.svg +1 -1
- package/svg/layers-16.svg +1 -1
- package/svg/loading-16.svg +1 -0
- package/svg/loading-24.svg +1 -0
- package/svg/message-circle-fill-16.svg +1 -1
- package/svg/navigation-16.svg +1 -1
- package/svg/navigation-24.svg +1 -1
- package/svg/navigation-alt-16.svg +1 -1
- package/svg/phone-16.svg +1 -1
- package/svg/phone-24.svg +1 -1
- package/svg/phone-call-16.svg +1 -1
- package/svg/phone-call-24.svg +1 -1
- package/svg/redirect-16.svg +1 -1
- package/svg/redirect-24.svg +1 -1
- package/svg/running-16.svg +1 -0
- package/svg/running-24.svg +1 -0
- package/svg/service-16.svg +1 -0
- package/svg/service-24.svg +1 -0
- package/svg/star-24.svg +1 -1
- package/svg/star-fill-16.svg +1 -1
- package/svg/star-off-16.svg +1 -1
- package/svg/swap-horizontal-16.svg +1 -1
- package/svg/wand-16.svg +1 -1
- package/svg/wand-24.svg +1 -1
- package/svg/x-diamond-16.svg +1 -1
- package/svg/x-diamond-24.svg +1 -1
- package/svg/x-hexagon-fill-24.svg +1 -1
- package/svg-react/alert-diamond-16.tsx +37 -0
- package/svg-react/alert-diamond-24.tsx +37 -0
- package/svg-react/alert-diamond-fill-16.tsx +35 -0
- package/svg-react/alert-diamond-fill-24.tsx +35 -0
- package/svg-react/amazon-ecs-16.tsx +35 -0
- package/svg-react/amazon-ecs-24.tsx +35 -0
- package/svg-react/amazon-ecs-color-16.tsx +65 -0
- package/svg-react/amazon-ecs-color-24.tsx +65 -0
- package/svg-react/animation.css +23 -0
- package/svg-react/build-16.tsx +1 -1
- package/svg-react/build-24.tsx +1 -1
- package/svg-react/change-24.tsx +1 -1
- package/svg-react/closed-caption-16.tsx +35 -0
- package/svg-react/closed-caption-24.tsx +37 -0
- package/svg-react/diamond-24.tsx +1 -1
- package/svg-react/discussion-circle-16.tsx +2 -2
- package/svg-react/discussion-circle-24.tsx +2 -2
- package/svg-react/folder-star-16.tsx +2 -2
- package/svg-react/index.ts +18 -0
- package/svg-react/info-fill-16.tsx +35 -0
- package/svg-react/info-fill-24.tsx +35 -0
- package/svg-react/kubernetes-color-16.tsx +1 -1
- package/svg-react/labyrinth-16.tsx +1 -1
- package/svg-react/layers-16.tsx +2 -2
- package/svg-react/loading-16.tsx +37 -0
- package/svg-react/loading-24.tsx +37 -0
- package/svg-react/message-circle-fill-16.tsx +2 -2
- package/svg-react/navigation-16.tsx +1 -1
- package/svg-react/navigation-24.tsx +1 -1
- package/svg-react/navigation-alt-16.tsx +1 -1
- package/svg-react/phone-16.tsx +1 -1
- package/svg-react/phone-24.tsx +1 -1
- package/svg-react/phone-call-16.tsx +2 -2
- package/svg-react/phone-call-24.tsx +2 -2
- package/svg-react/redirect-16.tsx +1 -1
- package/svg-react/redirect-24.tsx +1 -1
- package/svg-react/running-16.tsx +37 -0
- package/svg-react/running-24.tsx +37 -0
- package/svg-react/service-16.tsx +37 -0
- package/svg-react/service-24.tsx +37 -0
- package/svg-react/star-24.tsx +1 -1
- package/svg-react/star-fill-16.tsx +1 -1
- package/svg-react/star-off-16.tsx +1 -1
- package/svg-react/swap-horizontal-16.tsx +1 -1
- package/svg-react/wand-16.tsx +2 -2
- package/svg-react/wand-24.tsx +2 -2
- package/svg-react/x-diamond-16.tsx +2 -2
- package/svg-react/x-diamond-24.tsx +1 -1
- package/svg-react/x-hexagon-fill-24.tsx +1 -1
- package/svg-sprite/svg-sprite-module.js +1 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconClosedCaption16 = 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={color}
|
|
28
|
+
fillRule="evenodd"
|
|
29
|
+
d="M0 3.25A2.25 2.25 0 012.25 1h11.5A2.25 2.25 0 0116 3.25v9a2.25 2.25 0 01-2.25 2.25H2.25A2.25 2.25 0 010 12.25v-9zm2.25-.75a.75.75 0 00-.75.75v9c0 .414.336.75.75.75h11.5a.75.75 0 00.75-.75v-9a.75.75 0 00-.75-.75H2.25zm3.5 4a1.25 1.25 0 10.836 2.179.75.75 0 011.005 1.114 2.75 2.75 0 110-4.086.75.75 0 01-1.005 1.114A1.243 1.243 0 005.75 6.5zM10 7.75a1.25 1.25 0 012.086-.929.75.75 0 101.005-1.114 2.75 2.75 0 100 4.086.75.75 0 00-1.005-1.114A1.25 1.25 0 0110 7.75z"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconClosedCaption24 = 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="M8.75 9.75a2.25 2.25 0 101.488 3.938.75.75 0 11.993 1.124 3.75 3.75 0 110-5.625.75.75 0 01-.993 1.125A2.239 2.239 0 008.75 9.75zM14 12a2.25 2.25 0 013.738-1.688.75.75 0 10.993-1.124 3.75 3.75 0 100 5.625.75.75 0 00-.993-1.125A2.25 2.25 0 0114 12z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M.5 5.75A2.75 2.75 0 013.25 3h17.5a2.75 2.75 0 012.75 2.75v12.5A2.75 2.75 0 0120.75 21H3.25A2.75 2.75 0 01.5 18.25V5.75zM3.25 4.5C2.56 4.5 2 5.06 2 5.75v12.5c0 .69.56 1.25 1.25 1.25h17.5c.69 0 1.25-.56 1.25-1.25V5.75c0-.69-.56-1.25-1.25-1.25H3.25z"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
package/svg-react/diamond-24.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const IconDiamond24 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M11.116 2.985l-8.131 8.132a1.25 1.25 0 000 1.767l8.131 8.132a1.25 1.25 0 001.768 0l8.
|
|
29
|
+
d="M11.116 2.985l-8.131 8.132a1.25 1.25 0 000 1.767l8.131 8.132a1.25 1.25 0 001.768 0l8.131-8.132a1.25 1.25 0 000-1.768l-8.131-8.131a1.25 1.25 0 00-1.768 0zm-9.192 7.07l8.132-8.13a2.75 2.75 0 013.889 0l8.131 8.13a2.75 2.75 0 010 3.89l-8.131 8.131a2.75 2.75 0 01-3.89 0l-8.131-8.131a2.75 2.75 0 010-3.89z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
|
@@ -24,8 +24,8 @@ export const IconDiscussionCircle16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
27
|
-
<path d="M8.302 3.288A3.633 3.633 0 002.756 7.76c.124.237.112.49.102.61a2.984 2.984 0 01-.084.468 7.853 7.853 0 01-.2.655c.26-.09.52-.17.75-.223a.7.7 0 11.312 1.365c-.34.078-.837.258-1.278.434a23.211 23.211 0 00-.701.295l-.042.018-.01.005-.003.001a.7.7 0 01-.925-.927v-.001l.002-.004.008-.018.03-.07a21.252 21.252 0 00.43-1.047c.113-.3.211-.592.27-.822.021-.09.034-.157.041-.205a5.033 5.033 0 017.74-6.082.7.7 0
|
|
28
|
-
<path d="M4.75 9.333a5.083 5.083 0 119.657 2.221c.006.033.015.077.
|
|
27
|
+
<path d="M8.302 3.288A3.633 3.633 0 002.756 7.76c.124.237.112.49.102.61a2.984 2.984 0 01-.084.468 7.853 7.853 0 01-.2.655c.26-.09.52-.17.75-.223a.7.7 0 11.312 1.365c-.34.078-.837.258-1.278.434a23.211 23.211 0 00-.701.295l-.042.018-.01.005-.003.001a.7.7 0 01-.925-.927v-.001l.002-.004.008-.018.03-.07a21.252 21.252 0 00.43-1.047c.113-.3.211-.592.27-.822.021-.09.034-.157.041-.205a5.033 5.033 0 017.74-6.082.7.7 0 01-.896 1.076zM1.463 8.226v0z" />
|
|
28
|
+
<path d="M4.75 9.333a5.083 5.083 0 119.657 2.221c.006.033.015.077.029.133.05.197.14.453.248.734.087.223.178.443.262.646l.06.146c.049.118.094.23.131.326.03.082.074.2.097.306a.75.75 0 01-.734.905c-.169 0-.332-.04-.447-.072a4.867 4.867 0 01-.394-.134c-.188-.072-.402-.162-.606-.248l-.216-.09a7.634 7.634 0 00-.705-.265 1.739 1.739 0 00-.095-.026A5.083 5.083 0 014.75 9.333zm1.5 0a3.583 3.583 0 116.763 1.654c-.124.239-.12.485-.11.614.01.155.043.313.08.456.054.214.132.448.216.676a7.37 7.37 0 00-.643-.231 2.456 2.456 0 00-.443-.093 1.113 1.113 0 00-.626.104 3.583 3.583 0 01-5.237-3.18zm8.15 2.16l-.001-.012v.013z" />
|
|
29
29
|
</g>
|
|
30
30
|
</svg>
|
|
31
31
|
);
|
|
@@ -24,8 +24,8 @@ export const IconDiscussionCircle24 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
27
|
-
<path d="M13.02 4.827a5.75 5.75 0 00-8.777 7.077c.144.275.134.58.12.751a4.
|
|
28
|
-
<path d="M21.781 20.78a.75.75 0 00.152-.84l-.004-.008-.012-.
|
|
27
|
+
<path d="M13.02 4.827a5.75 5.75 0 00-8.777 7.077c.144.275.134.58.12.751a4.183 4.183 0 01-.118.655 13.903 13.903 0 01-.512 1.557c.563-.214 1.188-.429 1.694-.545a.75.75 0 11.335 1.463c-.535.122-1.3.401-1.961.666a34.515 34.515 0 00-1.062.445l-.064.029-.016.007-.004.002h-.001a.75.75 0 01-.99-.994v-.002l.003-.006.012-.027a21.137 21.137 0 00.214-.49c.137-.322.316-.755.484-1.204.17-.453.323-.903.413-1.265.046-.183.07-.32.078-.413l.001-.022a7.25 7.25 0 0111.11-8.837.75.75 0 11-.959 1.153z" />
|
|
28
|
+
<path d="M21.781 20.78a.75.75 0 00.152-.84l-.004-.008-.012-.027a18.62 18.62 0 01-.214-.49 30.259 30.259 0 01-.484-1.204 12.45 12.45 0 01-.413-1.265 2.734 2.734 0 01-.077-.414l-.002-.021a7.25 7.25 0 10-3.22 3.219h.018c.092.009.23.033.413.08.363.09.814.243 1.268.413a31.27 31.27 0 011.701.695l.027.012.008.004a.75.75 0 00.84-.155zM8.5 13.25a5.75 5.75 0 1110.853 2.653c-.144.276-.134.58-.12.752.018.208.063.434.118.655a13.92 13.92 0 00.512 1.557 14.298 14.298 0 00-1.56-.512c-.218-.056-.443-.101-.649-.119-.167-.014-.474-.028-.75.117A5.75 5.75 0 018.5 13.25z" />
|
|
29
29
|
</g>
|
|
30
30
|
</svg>
|
|
31
31
|
);
|
|
@@ -24,10 +24,10 @@ export const IconFolderStar16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color}>
|
|
27
|
-
<path d="M1.5 3.25a.75.75 0 01.75-.75h4.379a.75.75 0 01.53.22L8.28 3.84a2.25 2.25 0 001.591.659h3.879a.75.75 0 01.75.75V6.5a.75.75 0 001.5 0V5.25A2.25 2.25 0 0013.75 3H9.
|
|
27
|
+
<path d="M1.5 3.25a.75.75 0 01.75-.75h4.379a.75.75 0 01.53.22L8.28 3.84a2.25 2.25 0 001.591.659h3.879a.75.75 0 01.75.75V6.5a.75.75 0 001.5 0V5.25A2.25 2.25 0 0013.75 3H9.871a.75.75 0 01-.53-.22L8.22 1.66A2.25 2.25 0 006.629 1H2.25A2.25 2.25 0 000 3.25v9.5A2.25 2.25 0 002.25 15h2.5a.75.75 0 000-1.5h-2.5a.75.75 0 01-.75-.75v-9.5z" />
|
|
28
28
|
<path
|
|
29
29
|
fillRule="evenodd"
|
|
30
|
-
d="M11.179 5.431a.75.75 0 00-1.358 0L8.523 8.196l-2.887.444a.75.75 0 00-.409 1.279l2.201 2.142-.66 3.
|
|
30
|
+
d="M11.179 5.431a.75.75 0 00-1.358 0L8.523 8.196l-2.887.444a.75.75 0 00-.409 1.279l2.201 2.142-.66 3.03a.75.75 0 001.089.819l2.643-1.43 2.643 1.43a.75.75 0 001.09-.82l-.661-3.03 2.201-2.141a.75.75 0 00-.409-1.28l-2.887-.443-1.298-2.765zM9.71 9.195l.789-1.68.789 1.68a.75.75 0 00.565.423l1.794.276-1.421 1.382a.75.75 0 00-.21.697l.402 1.84-1.562-.846a.75.75 0 00-.714 0l-1.561.845.4-1.838a.75.75 0 00-.209-.698l-1.42-1.382 1.793-.276a.75.75 0 00.565-.423z"
|
|
31
31
|
clipRule="evenodd"
|
|
32
32
|
/>
|
|
33
33
|
</g>
|
package/svg-react/index.ts
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
export { IconLoading24 } from './loading-24';
|
|
2
|
+
export { IconLoading16 } from './loading-16';
|
|
3
|
+
export { IconRunning24 } from './running-24';
|
|
4
|
+
export { IconRunning16 } from './running-16';
|
|
1
5
|
export { IconApple24 } from './apple-24';
|
|
2
6
|
export { IconApple16 } from './apple-16';
|
|
3
7
|
export { IconAppleColor24 } from './apple-color-24';
|
|
@@ -6,6 +10,10 @@ export { IconAlibaba24 } from './alibaba-24';
|
|
|
6
10
|
export { IconAlibaba16 } from './alibaba-16';
|
|
7
11
|
export { IconAlibabaColor24 } from './alibaba-color-24';
|
|
8
12
|
export { IconAlibabaColor16 } from './alibaba-color-16';
|
|
13
|
+
export { IconAmazonEcs24 } from './amazon-ecs-24';
|
|
14
|
+
export { IconAmazonEcs16 } from './amazon-ecs-16';
|
|
15
|
+
export { IconAmazonEcsColor24 } from './amazon-ecs-color-24';
|
|
16
|
+
export { IconAmazonEcsColor16 } from './amazon-ecs-color-16';
|
|
9
17
|
export { IconAmazonEks24 } from './amazon-eks-24';
|
|
10
18
|
export { IconAmazonEks16 } from './amazon-eks-16';
|
|
11
19
|
export { IconAmazonEksColor24 } from './amazon-eks-color-24';
|
|
@@ -156,6 +164,10 @@ export { IconAlertCircle24 } from './alert-circle-24';
|
|
|
156
164
|
export { IconAlertCircle16 } from './alert-circle-16';
|
|
157
165
|
export { IconAlertCircleFill24 } from './alert-circle-fill-24';
|
|
158
166
|
export { IconAlertCircleFill16 } from './alert-circle-fill-16';
|
|
167
|
+
export { IconAlertDiamond24 } from './alert-diamond-24';
|
|
168
|
+
export { IconAlertDiamond16 } from './alert-diamond-16';
|
|
169
|
+
export { IconAlertDiamondFill24 } from './alert-diamond-fill-24';
|
|
170
|
+
export { IconAlertDiamondFill16 } from './alert-diamond-fill-16';
|
|
159
171
|
export { IconAlertTriangle24 } from './alert-triangle-24';
|
|
160
172
|
export { IconAlertTriangle16 } from './alert-triangle-16';
|
|
161
173
|
export { IconAlertTriangleFill24 } from './alert-triangle-fill-24';
|
|
@@ -318,6 +330,8 @@ export { IconClock24 } from './clock-24';
|
|
|
318
330
|
export { IconClock16 } from './clock-16';
|
|
319
331
|
export { IconCloud24 } from './cloud-24';
|
|
320
332
|
export { IconCloud16 } from './cloud-16';
|
|
333
|
+
export { IconClosedCaption24 } from './closed-caption-24';
|
|
334
|
+
export { IconClosedCaption16 } from './closed-caption-16';
|
|
321
335
|
export { IconCloudCheck24 } from './cloud-check-24';
|
|
322
336
|
export { IconCloudCheck16 } from './cloud-check-16';
|
|
323
337
|
export { IconCloudDownload24 } from './cloud-download-24';
|
|
@@ -536,6 +550,8 @@ export { IconInbox24 } from './inbox-24';
|
|
|
536
550
|
export { IconInbox16 } from './inbox-16';
|
|
537
551
|
export { IconInfo24 } from './info-24';
|
|
538
552
|
export { IconInfo16 } from './info-16';
|
|
553
|
+
export { IconInfoFill24 } from './info-fill-24';
|
|
554
|
+
export { IconInfoFill16 } from './info-fill-16';
|
|
539
555
|
export { IconJumpLink24 } from './jump-link-24';
|
|
540
556
|
export { IconJumpLink16 } from './jump-link-16';
|
|
541
557
|
export { IconKey24 } from './key-24';
|
|
@@ -736,6 +752,8 @@ export { IconServerCluster24 } from './server-cluster-24';
|
|
|
736
752
|
export { IconServerCluster16 } from './server-cluster-16';
|
|
737
753
|
export { IconSettings24 } from './settings-24';
|
|
738
754
|
export { IconSettings16 } from './settings-16';
|
|
755
|
+
export { IconService24 } from './service-24';
|
|
756
|
+
export { IconService16 } from './service-16';
|
|
739
757
|
export { IconShare24 } from './share-24';
|
|
740
758
|
export { IconShare16 } from './share-16';
|
|
741
759
|
export { IconShield24 } from './shield-24';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconInfoFill16 = 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={color}
|
|
28
|
+
fillRule="evenodd"
|
|
29
|
+
d="M8 16A8 8 0 108 0a8 8 0 000 16zm0-9a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 7zm0-3a1 1 0 000 2h.007a1 1 0 000-2H8z"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
);
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconInfoFill24 = 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={color}
|
|
28
|
+
fillRule="evenodd"
|
|
29
|
+
d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm-1 7a1 1 0 011-1h.01a1 1 0 110 2H12a1 1 0 01-1-1zm.25 3.25a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5z"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
);
|
|
@@ -30,7 +30,7 @@ export const IconKubernetesColor16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
30
30
|
<path
|
|
31
31
|
fill="#fff"
|
|
32
32
|
fillRule="evenodd"
|
|
33
|
-
d="M12.741 9.128c.098.
|
|
33
|
+
d="M12.741 9.128c.098.002.196.01.293.024l.058.013.031.008a.308.308 0 01.26.371.306.306 0 01-.396.223h-.004l-.003-.001-.003-.002a1.58 1.58 0 00-.03-.006l-.05-.01a2.55 2.55 0 01-.274-.106 2.867 2.867 0 00-.533-.157.242.242 0 00-.171.064 4.656 4.656 0 00-.131-.023 3.971 3.971 0 01-1.764 2.212c.015.042.032.083.051.123a.239.239 0 00-.023.18c.074.17.165.332.271.484.06.078.114.16.164.244l.028.057.012.025a.306.306 0 01-.381.44.308.308 0 01-.172-.18l-.01-.02a1.57 1.57 0 01-.028-.058 2.546 2.546 0 01-.089-.28 2.837 2.837 0 00-.21-.512.242.242 0 00-.156-.095l-.03-.053-.035-.064a3.97 3.97 0 01-2.823-.007l-.07.125a.25.25 0 00-.132.064 2.13 2.13 0 00-.237.548 2.518 2.518 0 01-.088.28 1.196 1.196 0 01-.025.05l-.013.027v.001a.306.306 0 01-.421.173.308.308 0 01-.173-.314.306.306 0 01.041-.12l.014-.03.026-.052c.05-.085.104-.166.164-.244.108-.156.2-.322.277-.496a.302.302 0 00-.028-.173l.056-.133A3.972 3.972 0 014.22 9.532l-.134.023a.34.34 0 00-.176-.062 2.871 2.871 0 00-.533.156c-.09.04-.181.075-.274.105a1.017 1.017 0 01-.05.011l-.03.007H3.02l-.002.002h-.005a.308.308 0 01-.397-.349.306.306 0 01.261-.245l.005-.001h.002l.006-.002c.024-.006.054-.014.076-.018.097-.013.195-.021.293-.023.186-.013.37-.043.549-.09a.422.422 0 00.131-.133l.128-.037a3.938 3.938 0 01.625-2.752l-.098-.087a.338.338 0 00-.062-.176 2.854 2.854 0 00-.455-.319 2.557 2.557 0 01-.254-.148l-.048-.038-.015-.013-.004-.003a.323.323 0 01-.076-.45.295.295 0 01.244-.107.365.365 0 01.213.08l.022.017c.016.013.034.026.046.037.072.067.139.139.202.213.125.137.263.262.412.372.056.03.121.036.182.018l.11.078a3.938 3.938 0 012.552-1.224l.008-.129a.332.332 0 00.099-.158 2.844 2.844 0 00-.034-.553 2.56 2.56 0 01-.042-.29v-.082-.005A.306.306 0 018 2.82a.308.308 0 01.306.337v.087a2.529 2.529 0 01-.041.29 2.85 2.85 0 00-.035.553.242.242 0 00.1.153v.007l.007.129c.967.088 1.87.522 2.54 1.223l.116-.082a.34.34 0 00.186-.02c.149-.11.287-.236.412-.373.063-.075.13-.146.202-.213l.051-.04.017-.014a.307.307 0 11.381.477l-.024.02c-.015.012-.03.025-.043.034a2.537 2.537 0 01-.254.148 2.87 2.87 0 00-.455.32.241.241 0 00-.058.172l-.05.044-.058.053c.542.806.77 1.783.637 2.745l.123.036c.031.055.077.101.133.132.179.048.363.078.548.09zM7.291 5.24c.107-.024.216-.043.326-.056l-.09 1.6-.008.004a.268.268 0 01-.293.256.27.27 0 01-.135-.05l-.002.001-1.316-.93c.419-.41.945-.696 1.518-.825zm1.618 1.75l1.308-.924a3.182 3.182 0 00-1.833-.882l.09 1.598h.002a.268.268 0 00.294.256.27.27 0 00.135-.05l.004.002zm2.248 1.656L9.609 8.2l-.002-.006a.27.27 0 01-.185-.343.27.27 0 01.08-.12L9.5 7.73l1.195-1.067c.366.594.527 1.29.46 1.983zM9.096 9.5l.618 1.49a3.148 3.148 0 001.275-1.598l-1.593-.269-.002.003a.26.26 0 00-.166.023.27.27 0 00-.13.348l-.002.003zm-.385 1.905c-.573.13-1.17.1-1.727-.088l.777-1.4h.001a.27.27 0 01.475-.001h.006l.779 1.402a3.286 3.286 0 01-.311.087zm-2.418-.422l.611-1.474-.004-.006a.268.268 0 00-.297-.37L6.6 9.13l-1.579.267a3.16 3.16 0 001.272 1.586zm-.997-4.32l1.201 1.071-.001.007a.269.269 0 01-.106.462l-.001.005-1.54.443a3.134 3.134 0 01.447-1.988zm2.95 1.154h-.492l-.307.38.11.476.443.213.442-.212.11-.476-.306-.381z"
|
|
34
34
|
clipRule="evenodd"
|
|
35
35
|
/>
|
|
36
36
|
</svg>
|
|
@@ -25,7 +25,7 @@ export const IconLabyrinth16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
|
-
d="M8 1.5a6.502 6.502 0 00-6.392 5.317.75.75 0 11-1.476-.27 8 8 0 110 2.907.75.75 0
|
|
28
|
+
d="M8 1.5a6.502 6.502 0 00-6.392 5.317.75.75 0 11-1.476-.27 8 8 0 110 2.907.75.75 0 111.476-.272A6.502 6.502 0 0014.48 8.5h-1.555a4.95 4.95 0 11-6.34-5.231.7.7 0 11.4 1.342A3.558 3.558 0 004.595 7h1.167a2.45 2.45 0 113.87 2.826.7.7 0 11-.933-1.043 1.05 1.05 0 10-1.4 0 .7.7 0 11-.934 1.043A2.45 2.45 0 015.601 8.5H4.483a3.55 3.55 0 104.531-3.89.7.7 0 01.4-1.341 4.958 4.958 0 013.432 3.73h1.578A6.501 6.501 0 008 1.5z"
|
|
29
29
|
/>
|
|
30
30
|
</svg>
|
|
31
31
|
);
|
package/svg-react/layers-16.tsx
CHANGED
|
@@ -29,8 +29,8 @@ export const IconLayers16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
29
29
|
d="M7.656.084a.75.75 0 01.689 0l7.25 3.75a.75.75 0 010 1.332l-7.25 3.75a.75.75 0 01-.69 0l-7.25-3.75a.75.75 0 010-1.332l7.25-3.75zM2.383 4.5L8 7.405 13.617 4.5 8 1.594 2.383 4.5z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
|
-
<path d="M.093 10.887a.75.75 0 011.02-.294L8 14.393l6.
|
|
33
|
-
<path d="M1.112 7.093a.75.75 0
|
|
32
|
+
<path d="M.093 10.887a.75.75 0 011.02-.294L8 14.393l6.887-3.8a.75.75 0 11.725 1.313l-7.25 4a.75.75 0 01-.724 0l-7.25-4a.75.75 0 01-.295-1.019z" />
|
|
33
|
+
<path d="M1.112 7.093a.75.75 0 10-.724 1.313l7.25 4a.75.75 0 00.724 0l7.25-4a.75.75 0 10-.725-1.313L8 10.893l-6.888-3.8z" />
|
|
34
34
|
</g>
|
|
35
35
|
</svg>
|
|
36
36
|
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconLoading16 = 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
|
+
className="hds-flight-icon--animation-loading"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path
|
|
29
|
+
d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z"
|
|
30
|
+
opacity={0.2}
|
|
31
|
+
/>
|
|
32
|
+
<path d="M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z" />
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconLoading24 = 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
|
+
className="hds-flight-icon--animation-loading"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path
|
|
29
|
+
d="M12 2.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19zM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12z"
|
|
30
|
+
opacity={0.2}
|
|
31
|
+
/>
|
|
32
|
+
<path d="M11.25 1.75A.75.75 0 0112 1c6.075 0 11 4.925 11 11a.75.75 0 01-1.5 0A9.5 9.5 0 0012 2.5a.75.75 0 01-.75-.75z" />
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -24,10 +24,10 @@ export const IconMessageCircleFill16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color}>
|
|
27
|
-
<path d="M5 8.75A.75.75 0 015.75 8h2.5a.75.75 0 010 1.5h-2.5A.75.75 0 015 8.75zM5.75 5.5a.75.75 0
|
|
27
|
+
<path d="M5 8.75A.75.75 0 015.75 8h2.5a.75.75 0 010 1.5h-2.5A.75.75 0 015 8.75zM5.75 5.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5z" />
|
|
28
28
|
<path
|
|
29
29
|
fillRule="evenodd"
|
|
30
|
-
d="M2.058 14.934l.002-.001.01-.004.037-.017a28.983 28.983 0 01.658-.281 21.485 21.485 0 011.649-.616c.274-.086.506-.147.678-.176.049-.008.086-.012.113-.015a6.768 6.768 0 10-3.028-3.026 1.384 1.384 0 01-.014.119 5.296 5.296 0 01-.176.
|
|
30
|
+
d="M2.058 14.934l.002-.001.01-.004.037-.017a28.983 28.983 0 01.658-.281 21.485 21.485 0 011.649-.616c.274-.086.506-.147.678-.176.049-.008.086-.012.113-.015a6.768 6.768 0 10-3.028-3.026 1.384 1.384 0 01-.014.119 5.296 5.296 0 01-.176.679 20.85 20.85 0 01-.618 1.646 31.556 31.556 0 01-.28.65l-.017.036-.004.01v.002a.75.75 0 00.99.994zM8.231 2.5a5.269 5.269 0 11-2.43 9.944 1.18 1.18 0 00-.535-.122 2.432 2.432 0 00-.424.038c-.27.046-.577.13-.879.225-.272.085-.557.186-.834.29.103-.275.203-.557.288-.828.096-.302.18-.612.225-.885.023-.136.04-.283.037-.428a1.193 1.193 0 00-.123-.534 5.269 5.269 0 014.675-7.7z"
|
|
31
31
|
clipRule="evenodd"
|
|
32
32
|
/>
|
|
33
33
|
</g>
|
|
@@ -26,7 +26,7 @@ export const IconNavigation16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M14.78 1.22a.75.75 0 01.148.851l-5.921 12.5a.75.75 0 01-1.406-.14L6.395 9.606 1.568 8.4a.75.75 0 01-.14-1.406l12.
|
|
29
|
+
d="M14.78 1.22a.75.75 0 01.148.851l-5.921 12.5a.75.75 0 01-1.406-.14L6.395 9.606 1.568 8.4a.75.75 0 01-.14-1.406l12.501-5.92a.75.75 0 01.851.147zM3.965 7.452l3.23.807a.75.75 0 01.546.546l.807 3.23 4.125-8.708-8.708 4.125z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
|
@@ -26,7 +26,7 @@ export const IconNavigation24 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M21.78 2.22a.75.75 0 01.148.851l-8.763 18.5a.75.75 0 01-1.406-.14L9.921 14.08l-7.353-1.838a.75.75 0 01-.14-1.
|
|
29
|
+
d="M21.78 2.22a.75.75 0 01.148.851l-8.763 18.5a.75.75 0 01-1.406-.14L9.921 14.08l-7.353-1.838a.75.75 0 01-.14-1.406L20.93 2.072a.75.75 0 01.851.148zM4.965 11.294l5.756 1.439a.75.75 0 01.546.546l1.44 5.756 6.966-14.708-14.708 6.967z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
|
@@ -26,7 +26,7 @@ export const IconNavigationAlt16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M8 1a.75.75 0 01.
|
|
29
|
+
d="M8 1a.75.75 0 01.692.46l5.25 12.5a.75.75 0 01-1.028.96L8 12.457 3.086 14.92a.75.75 0 01-1.027-.96l5.25-12.5A.75.75 0 018 1zM4.227 12.67l3.437-1.722a.75.75 0 01.672 0l3.437 1.723L8 3.687 4.227 12.67z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
package/svg-react/phone-16.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const IconPhone16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M4.87 1.671a.71.71 0 00-.469-.171H2.208a.712.712 0 00-.671.48.702.702 0 00-.034.284c.227 2.129.954 4.175 2.12 5.972 1.175 1.81 2.348 2.976 4.153 4.145a13.
|
|
29
|
+
d="M4.87 1.671a.71.71 0 00-.469-.171H2.208a.712.712 0 00-.671.48.702.702 0 00-.034.284c.227 2.129.954 4.175 2.12 5.972 1.175 1.81 2.348 2.976 4.153 4.145a13.697 13.697 0 005.957 2.117.711.711 0 00.707-.421c.04-.09.06-.187.06-.285v-.071c-.002-.371-.009-1.792 0-2.134a.703.703 0 00-.606-.715c-.755-.1-1.496-.284-2.209-.55h-.002a.711.711 0 00-.746.158h-.002l-.923.922a.75.75 0 01-.9.121 12.403 12.403 0 01-4.655-4.646.75.75 0 01.122-.902l.924-.923a.704.704 0 00.158-.742L5.66 4.31a10.078 10.078 0 01-.55-2.205.704.704 0 00-.24-.433zM4.39.001a2.21 2.21 0 012.205 1.895v.007c.086.643.243 1.273.47 1.88l-.703.263.702-.264a2.203 2.203 0 01-.497 2.327l-.003.003-.51.509a10.904 10.904 0 003.313 3.306l.515-.514a2.209 2.209 0 012.327-.496c.609.226 1.24.384 1.884.468l.007.001a2.209 2.209 0 011.9 2.239 152.636 152.636 0 000 2.16 2.204 2.204 0 01-2.407 2.206l-.014-.001a15.196 15.196 0 01-6.618-2.35c-1.981-1.282-3.306-2.6-4.596-4.587A15.131 15.131 0 01.01 2.416L.01 2.404A2.202 2.202 0 011.317.188 2.21 2.21 0 012.207 0H4.39z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
package/svg-react/phone-24.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const IconPhone24 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M7.778 2.817a1.314 1.314 0 00-.869-.317H3.81a1.316 1.316 0 00-1.
|
|
29
|
+
d="M7.778 2.817a1.314 1.314 0 00-.869-.317H3.81a1.316 1.316 0 00-1.242.89c-.057.17-.079.351-.063.53.326 3.06 1.37 6 3.047 8.583 1.684 2.595 3.374 4.276 5.963 5.951a19.676 19.676 0 008.56 3.041 1.316 1.316 0 001.315-.78c.073-.166.11-.346.11-.528l-.001-.1c-.002-.528-.011-2.53 0-3.008a1.305 1.305 0 00-1.124-1.326 14.005 14.005 0 01-3.057-.76h-.001a1.315 1.315 0 00-1.383.292l-.002.002-1.306 1.303a.75.75 0 01-.9.122 17.225 17.225 0 01-6.466-6.454.75.75 0 01.122-.902l1.307-1.305a1.306 1.306 0 00.294-1.377v-.001a13.937 13.937 0 01-.763-3.051 1.306 1.306 0 00-.442-.805zM6.898 1a2.814 2.814 0 012.808 2.414v.007c.124.932.352 1.846.681 2.726l-.702.263.701-.264a2.804 2.804 0 01-.632 2.962l-.003.003-.896.895a15.726 15.726 0 005.123 5.112l.9-.899a2.813 2.813 0 012.965-.632c.882.329 1.798.557 2.731.68h.007a2.812 2.812 0 012.418 2.85c-.011.451-.002 2.42 0 2.96v.104a2.805 2.805 0 01-1.91 2.671c-.371.125-.764.172-1.154.137l-.013-.002a21.173 21.173 0 01-9.222-3.274c-2.765-1.79-4.607-3.62-6.406-6.393a21.081 21.081 0 01-3.281-9.248L1.01 4.06a2.803 2.803 0 011.665-2.82A2.815 2.815 0 013.809 1h3.09z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
|
@@ -26,11 +26,11 @@ export const IconPhoneCall16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<g fill={color}>
|
|
27
27
|
<path
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M5.847.533A2.21 2.21 0 004.391 0H2.206a2.21 2.21 0 00-2.09 1.501c-.098.29-.135.598-.107.903l.001.012a15.13 15.13 0 002.355 6.637c1.29 1.987 2.615 3.304 4.596 4.587a15.
|
|
29
|
+
d="M5.847.533A2.21 2.21 0 004.391 0H2.206a2.21 2.21 0 00-2.09 1.501c-.098.29-.135.598-.107.903l.001.012a15.13 15.13 0 002.355 6.637c1.29 1.987 2.615 3.304 4.596 4.587a15.196 15.196 0 006.618 2.35h.014a2.21 2.21 0 002.221-1.311c.124-.282.187-.586.185-.893v-.075c-.002-.383-.008-1.77 0-2.087A2.204 2.204 0 0014.1 9.386h-.007a8.626 8.626 0 01-1.884-.47 2.21 2.21 0 00-2.327.497l-.515.513a10.903 10.903 0 01-3.313-3.305l.51-.509.003-.003a2.204 2.204 0 00.498-2.326 8.577 8.577 0 01-.47-1.88v-.007A2.204 2.204 0 005.847.533zM4.401 1.5a.71.71 0 01.708.604c.1.753.285 1.493.55 2.205l.001.001a.703.703 0 01-.157.742l-.924.923a.75.75 0 00-.122.902 12.403 12.403 0 004.655 4.646.75.75 0 00.9-.121l.923-.921.002-.001a.709.709 0 01.746-.158h.002c.713.266 1.454.45 2.209.55a.709.709 0 01.606.715 148.65 148.65 0 000 2.134v.07a.702.702 0 01-.481.671.711.711 0 01-.286.036 13.697 13.697 0 01-5.957-2.117c-1.805-1.169-2.979-2.336-4.153-4.145a13.631 13.631 0 01-2.12-5.972.702.702 0 01.419-.704c.09-.04.187-.06.286-.06H4.4zm2.664 2.283v-.001l-.703.264.703-.263z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
<path d="M10.333.005a.75.75 0 10-.166 1.49 4.91 4.91 0 014.338 4.332.75.75 0 001.49-.167A6.41 6.41 0 0010.333.005z" />
|
|
33
|
-
<path d="M10.394 2.53a.75.75 0 10-.288 1.472 2.
|
|
33
|
+
<path d="M10.394 2.53a.75.75 0 10-.288 1.472 2.394 2.394 0 011.892 1.892.75.75 0 001.472-.288 3.895 3.895 0 00-3.076-3.076z" />
|
|
34
34
|
</g>
|
|
35
35
|
</svg>
|
|
36
36
|
);
|
|
@@ -24,10 +24,10 @@ export const IconPhoneCall24 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color}>
|
|
27
|
-
<path d="M14.833.005a.75.75 0
|
|
27
|
+
<path d="M14.833.005a.75.75 0 10-.166 1.49 8.873 8.873 0 017.838 7.828.75.75 0 001.49-.167A10.372 10.372 0 0014.833.005zM14.894 4.29a.75.75 0 00-.288 1.473 4.596 4.596 0 013.631 3.63.75.75 0 101.472-.287 6.096 6.096 0 00-4.815-4.815z" />
|
|
28
28
|
<path
|
|
29
29
|
fillRule="evenodd"
|
|
30
|
-
d="M8.755 1.678A2.814 2.814 0 006.898 1h-3.09a2.815 2.815 0 00-2.66 1.911c-.125.37-.172.76-.137 1.15l.002.
|
|
30
|
+
d="M8.755 1.678A2.814 2.814 0 006.898 1h-3.09a2.815 2.815 0 00-2.66 1.911c-.125.37-.172.76-.137 1.15l.002.011a21.082 21.082 0 003.28 9.248c1.8 2.773 3.642 4.604 6.407 6.393a21.175 21.175 0 009.221 3.274l.014.002a2.815 2.815 0 002.829-1.671c.157-.359.237-.746.235-1.137v-.105c-.002-.539-.011-2.508 0-2.96a2.804 2.804 0 00-2.418-2.849h-.007a12.51 12.51 0 01-2.732-.68 2.815 2.815 0 00-2.964.632l-.9.899a15.725 15.725 0 01-5.124-5.112l.897-.895.003-.003a2.806 2.806 0 00.633-2.961 12.436 12.436 0 01-.68-2.726l-.001-.007a2.806 2.806 0 00-.951-1.736zM6.909 2.5A1.314 1.314 0 018.22 3.622c.138 1.042.394 2.066.762 3.05v.002a1.304 1.304 0 01-.293 1.377L7.382 9.356a.75.75 0 00-.122.902 17.226 17.226 0 006.466 6.454.75.75 0 00.9-.122l1.306-1.303.001-.002a1.313 1.313 0 011.384-.293h.001c.987.368 2.012.623 3.057.761a1.312 1.312 0 011.125 1.326c-.012.479-.003 2.48-.001 3.007v.101a1.302 1.302 0 01-.424.968 1.311 1.311 0 01-1 .34 19.675 19.675 0 01-8.56-3.041c-2.59-1.676-4.28-3.357-5.963-5.951A19.582 19.582 0 012.505 3.92a1.303 1.303 0 01.776-1.308c.167-.074.347-.112.53-.112h3.098zm3.478 3.647v-.001l-.702.264.702-.263z"
|
|
31
31
|
clipRule="evenodd"
|
|
32
32
|
/>
|
|
33
33
|
</g>
|
|
@@ -26,7 +26,7 @@ export const IconRedirect16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M8 3.517a1 1 0 011.62-.784l5.348 4.233a1 1 0 010 1.
|
|
29
|
+
d="M8 3.517a1 1 0 011.62-.784l5.348 4.233a1 1 0 010 1.568L9.62 12.767A1 1 0 018 11.983v-1.545c-.76-.043-1.484.003-2.254.218-.994.279-2.118.857-3.507 1.99a.993.993 0 01-1.128.096.962.962 0 01-.445-1.099c.415-1.5 1.425-3.141 2.808-4.412C4.69 6.114 6.244 5.241 8 5.042V3.517zm1.5 1.034v1.2a.75.75 0 01-.75.75c-1.586 0-3.067.738-4.261 1.835a8.996 8.996 0 00-1.635 2.014c.878-.552 1.695-.916 2.488-1.138 1.247-.35 2.377-.33 3.49-.207a.75.75 0 01.668.745v1.2l4.042-3.2L9.5 4.55z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
|
@@ -26,7 +26,7 @@ export const IconRedirect24 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M12 5.786c0-1.046 1.209-1.63 2.028-.978l7.45 5.922c.627.498.63 1.45.005 1.952l-7.45 5.997c-.817.659-2.033.
|
|
29
|
+
d="M12 5.786c0-1.046 1.209-1.63 2.028-.978l7.45 5.922c.627.498.63 1.45.005 1.952l-7.45 5.997c-.817.659-2.033.076-2.033-.974v-2.753a7.316 7.316 0 00-2.824.427c-1.306.456-2.918 1.342-5.295 2.98-.436.301-.973.288-1.37.03a1.168 1.168 0 01-.479-1.327c.591-1.999 1.91-4.124 3.743-5.754C7.444 9.823 9.571 8.72 12 8.529V5.786zm1.5.518V9.25a.75.75 0 01-.75.75c-2.296 0-4.35.98-5.978 2.428-1.36 1.21-2.393 2.723-2.994 4.188 2.031-1.356 3.565-2.186 4.903-2.653 1.53-.535 2.769-.584 4.137-.46a.75.75 0 01.682.747v2.933l6.8-5.474-6.8-5.405z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconRunning16 = 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
|
+
className="hds-flight-icon--animation-running"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path d="M8 1.5a6.48 6.48 0 00-4.707 2.017.75.75 0 11-1.086-1.034A7.98 7.98 0 018 0a7.98 7.98 0 015.793 2.483.75.75 0 11-1.086 1.034A6.48 6.48 0 008 1.5zM1.236 5.279a.75.75 0 01.514.927 6.503 6.503 0 004.727 8.115.75.75 0 11-.349 1.459 8.003 8.003 0 01-5.82-9.986.75.75 0 01.928-.515zm13.528 0a.75.75 0 01.928.515 8.003 8.003 0 01-5.82 9.986.75.75 0 01-.35-1.459 6.503 6.503 0 004.728-8.115.75.75 0 01.514-.927z" />
|
|
29
|
+
<path
|
|
30
|
+
d="M8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM3 8a5 5 0 1110 0A5 5 0 013 8z"
|
|
31
|
+
opacity={0.2}
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconRunning24 = 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
|
+
className="hds-flight-icon--animation-running"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path d="M12 2.5a9.47 9.47 0 00-6.88 2.948.75.75 0 01-1.085-1.034A10.97 10.97 0 0112 1a10.97 10.97 0 017.965 3.414.75.75 0 11-1.086 1.034A9.47 9.47 0 0012 2.5zM2.351 8.451a.75.75 0 01.515.928A9.506 9.506 0 002.5 12c0 4.48 3.102 8.237 7.276 9.238a.75.75 0 01-.35 1.459C4.593 21.537 1 17.189 1 12c0-1.051.148-2.07.424-3.034a.75.75 0 01.927-.515zm19.297 0a.75.75 0 01.928.515C22.852 9.93 23 10.949 23 12c0 5.19-3.593 9.538-8.426 10.697a.75.75 0 11-.35-1.459c4.174-1 7.276-4.758 7.276-9.238 0-.91-.128-1.79-.366-2.621a.75.75 0 01.514-.928z" />
|
|
29
|
+
<path
|
|
30
|
+
d="M12 5.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM4 12a8 8 0 1116 0 8 8 0 01-16 0z"
|
|
31
|
+
opacity={0.2}
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|