@hashicorp/flight-icons 2.0.2 → 2.1.1
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/catalog.json +145 -1
- package/package.json +1 -1
- 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/bulb-16.svg +1 -0
- package/svg/bulb-24.svg +1 -0
- package/svg/discussion-circle-16.svg +1 -1
- package/svg/discussion-circle-24.svg +1 -1
- package/svg/enterprise-16.svg +1 -0
- package/svg/enterprise-24.svg +1 -0
- package/svg/folder-star-16.svg +1 -1
- package/svg/hammer-16.svg +1 -1
- package/svg/kubernetes-color-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-24.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-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/rewind-16.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-off-16.svg +1 -1
- package/svg/volume-2-16.svg +1 -1
- package/svg/wand-16.svg +1 -0
- package/svg/wand-24.svg +1 -0
- package/svg/x-diamond-16.svg +1 -1
- 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/bulb-16.tsx +37 -0
- package/svg-react/bulb-24.tsx +37 -0
- package/svg-react/discussion-circle-16.tsx +2 -2
- package/svg-react/discussion-circle-24.tsx +2 -2
- package/svg-react/enterprise-16.tsx +38 -0
- package/svg-react/enterprise-24.tsx +38 -0
- package/svg-react/folder-star-16.tsx +2 -2
- package/svg-react/hammer-16.tsx +1 -1
- package/svg-react/index.ts +16 -0
- package/svg-react/kubernetes-color-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-24.tsx +1 -1
- 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-call-16.tsx +3 -3
- 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/rewind-16.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-off-16.tsx +1 -1
- package/svg-react/volume-2-16.tsx +2 -2
- package/svg-react/wand-16.tsx +38 -0
- package/svg-react/wand-24.tsx +38 -0
- package/svg-react/x-diamond-16.tsx +2 -2
- package/svg-sprite/svg-sprite-module.js +1 -1
|
@@ -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.568l-5.347 4.233A1 1 0 018 11.983v-1.545c-.76-.043-1.484.003-2.254.218-.994.279-2.118.857-3.506 1.99a.993.993 0 01-1.129.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.066.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.077-2.033-.973v-2.754a7.316 7.316 0 00-2.824.427c-1.306.456-2.918 1.342-5.295 2.981-.436.3-.973.287-1.37.029a1.168 1.168 0 01-.479-1.326c.
|
|
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.077-2.033-.973v-2.754a7.316 7.316 0 00-2.824.427c-1.306.456-2.918 1.342-5.295 2.981-.436.3-.973.287-1.37.029a1.168 1.168 0 01-.479-1.326c.59-2 1.91-4.124 3.743-5.755C7.444 9.824 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.189 2.03-1.357 3.565-2.187 4.903-2.654 1.53-.535 2.769-.584 4.137-.46a.75.75 0 01.682.747v2.933l6.8-5.473-6.8-5.406z"
|
|
30
30
|
clipRule="evenodd"
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
package/svg-react/rewind-16.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const IconRewind16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="M7.074 3.364A1.25 1.25 0 019 4.416v1.806l4.039-2.795A1.25 1.25 0 0115 4.454v7.092a1.25 1.25 0 01-1.961 1.027L9 9.778v1.806a1.25 1.25 0 01-1.926 1.051L1.
|
|
29
|
+
d="M7.074 3.364A1.25 1.25 0 019 4.416v1.806l4.039-2.795A1.25 1.25 0 0115 4.454v7.092a1.25 1.25 0 01-1.961 1.027L9 9.778v1.806a1.25 1.25 0 01-1.926 1.051L1.499 9.051a1.25 1.25 0 010-2.103l5.575-3.584zM2.637 8L7.5 11.126V4.874L2.637 8zm6.43 0l4.433 3.069V4.93L9.068 8z"
|
|
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
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconService16 = 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="M6.834.33a2.25 2.25 0 012.332 0l5.25 3.182A2.25 2.25 0 0115.5 5.436V6A.75.75 0 0114 6v-.564a.75.75 0 00-.361-.642l-5.25-3.181a.75.75 0 00-.778 0l-5.25 3.181A.75.75 0 002 5.436v5.128a.75.75 0 00.361.642l4.028 2.44a.75.75 0 11-.778 1.283l-4.027-2.44A2.25 2.25 0 01.5 10.563V5.436a2.25 2.25 0 011.084-1.924L6.834.33z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M11.749 7.325l.001-.042v-.286a.75.75 0 00-1.5 0v.286l.001.042a3.73 3.73 0 00-1.318.546.76.76 0 00-.03-.03l-.201-.203a.75.75 0 00-1.06 1.06l.201.203.03.028c-.26.394-.45.84-.547 1.319a.878.878 0 00-.04-.001H7a.75.75 0 000 1.5h.286l.038-.001c.097.48.286.926.547 1.32a.71.71 0 00-.028.027l-.202.202a.75.75 0 001.06 1.06l.203-.202a.695.695 0 00.025-.026c.395.261.842.45 1.322.548l-.001.036v.286a.75.75 0 001.5 0v-.286-.036c.48-.097.926-.287 1.32-.548l.026.026.202.203a.75.75 0 001.06-1.061l-.201-.202a.667.667 0 00-.028-.026c.261-.395.45-.842.547-1.321H15a.75.75 0 000-1.5h-.286l-.04.002a3.734 3.734 0 00-.547-1.319l.03-.028.202-.202a.75.75 0 00-1.06-1.061l-.203.202-.029.03a3.73 3.73 0 00-1.318-.545zM11 8.75A2.247 2.247 0 008.75 11 2.247 2.247 0 0011 13.25 2.247 2.247 0 0013.25 11 2.247 2.247 0 0011 8.75z"
|
|
31
|
+
clipRule="evenodd"
|
|
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 IconService24 = 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="M10.559 1.006a2.75 2.75 0 012.882 0l7.75 4.77A2.75 2.75 0 0122.5 8.116V9.5a.75.75 0 01-1.5 0V8.117a1.25 1.25 0 00-.595-1.064l-7.75-4.77a1.25 1.25 0 00-1.31 0l-7.75 4.77A1.25 1.25 0 003 8.117v7.765c0 .434.225.837.595 1.065l5.548 3.414a.75.75 0 01-.786 1.277l-5.548-3.414A2.75 2.75 0 011.5 15.882V8.117a2.75 2.75 0 011.309-2.342l7.75-4.769z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M17.5 11.15v-.372a1.25 1.25 0 00-2.5 0v.372a5.22 5.22 0 00-1.49.62l-.265-.265a1.25 1.25 0 10-1.768 1.768l.272.273a5.23 5.23 0 00-.606 1.482h-.393a1.25 1.25 0 000 2.5H11.157c.13.523.34 1.015.614 1.462a.807.807 0 00-.016.016l-.278.278a1.25 1.25 0 001.768 1.767l.278-.277.022-.024c.446.269.936.473 1.456.6l-.001.035v.393a1.25 1.25 0 102.5 0v-.392-.036a5.221 5.221 0 001.455-.6l.022.023.278.278a1.25 1.25 0 101.768-1.767l-.278-.278-.016-.016c.274-.447.483-.94.614-1.462H21.75a1.25 1.25 0 100-2.5h-.393a5.227 5.227 0 00-.606-1.482l.272-.273a1.25 1.25 0 00-1.768-1.768l-.265.266a5.22 5.22 0 00-1.49-.621zM16.25 13A3.246 3.246 0 0013 16.25a3.246 3.246 0 003.25 3.25 3.246 3.246 0 003.25-3.25A3.246 3.246 0 0016.25 13z"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -24,7 +24,7 @@ export const IconStarOff16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color}>
|
|
27
|
-
<path d="M8.67.912a.75.75 0 00-1.34 0l-.882 1.75a.75.75 0 001.34.676L8 2.916 9.57 6.03c.11.219.321.37.564.405l3.48.498-1.299 1.238a.75.75 0
|
|
27
|
+
<path d="M8.67.912a.75.75 0 00-1.34 0l-.882 1.75a.75.75 0 001.34.676L8 2.916 9.57 6.03c.11.219.321.37.564.405l3.48.498-1.299 1.238a.75.75 0 101.035 1.086l2.418-2.305a.75.75 0 00-.412-1.285l-4.622-.662L8.67.912z" />
|
|
28
28
|
<path
|
|
29
29
|
fillRule="evenodd"
|
|
30
30
|
d="M13.147 14.207l.072.413a.75.75 0 01-1.082.797L8 13.287l-4.137 2.13a.75.75 0 01-1.082-.796l.786-4.489-3.335-3.18a.75.75 0 01.412-1.284l3.467-.496L1.22 2.28a.75.75 0 111.06-1.06l12.5 12.5a.75.75 0 01-1.06 1.06l-.573-.572zm-7.71-7.71l-3.051.437 2.507 2.39a.75.75 0 01.22.672l-.594 3.396 3.138-1.616a.75.75 0 01.686 0l3.138 1.616-.18-1.03-5.865-5.865z"
|
|
@@ -24,10 +24,10 @@ export const IconVolume216 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color}>
|
|
27
|
-
<path d="M13.242 2.184a.75.75 0 10-.984 1.132C13.709 4.578 14.5 6.266 14.5 8s-.79 3.422-2.242 4.684a.75.75 0
|
|
27
|
+
<path d="M13.242 2.184a.75.75 0 10-.984 1.132C13.709 4.578 14.5 6.266 14.5 8s-.79 3.422-2.242 4.684a.75.75 0 10.984 1.132C14.992 12.293 16 10.204 16 8c0-2.204-1.008-4.293-2.758-5.816z" />
|
|
28
28
|
<path
|
|
29
29
|
fillRule="evenodd"
|
|
30
|
-
d="M7.033 2.686A1.25 1.25 0 019 3.71v8.58a1.25 1.25 0 01-1.967 1.024L3.728 11H1.25C.56 11 0 10.44 0 9.75v-3.5C0 5.56.56 5 1.25 5h2.478l3.305-2.314zM7.5 4.19L4.
|
|
30
|
+
d="M7.033 2.686A1.25 1.25 0 019 3.71v8.58a1.25 1.25 0 01-1.967 1.024L3.728 11H1.25C.56 11 0 10.44 0 9.75v-3.5C0 5.56.56 5 1.25 5h2.478l3.305-2.314zM7.5 4.19L4.524 6.274a1.25 1.25 0 01-.717.226H1.5v3h2.307c.256 0 .506.079.717.226L7.5 11.809V4.19z"
|
|
31
31
|
clipRule="evenodd"
|
|
32
32
|
/>
|
|
33
33
|
<path d="M10.701 5.239a.75.75 0 011.06-.038A3.826 3.826 0 0113 8c0 1.06-.453 2.066-1.239 2.799A.75.75 0 1110.74 9.7c.494-.46.761-1.074.761-1.701s-.267-1.24-.761-1.701a.75.75 0 01-.038-1.06z" />
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconWand16 = 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="M4.083.183a.5.5 0 00-.65.65l.393.981a.5.5 0 010 .371l-.393.982a.5.5 0 00.65.65l.981-.393a.5.5 0 01.372 0l.98.392a.5.5 0 00.65-.65l-.392-.98a.5.5 0 010-.372l.393-.981a.5.5 0 00-.65-.65l-.981.392a.5.5 0 01-.372 0l-.98-.392z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M11.414 4.104a2 2 0 00-2.828 0L.808 11.882a2 2 0 002.828 2.828l7.778-7.778a2 2 0 000-2.828zm-1.768 1.06a.5.5 0 11.707.707l-.883.884-.707-.707.883-.884zM7.702 7.11l.707.707-5.834 5.834a.5.5 0 11-.707-.707l5.834-5.834z"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
/>
|
|
33
|
+
<path d="M10.572 11.21a.5.5 0 010-.92l1.219-.522a.5.5 0 00.263-.262l.522-1.22a.5.5 0 01.92 0l.521 1.22a.5.5 0 00.263.262l1.219.522a.5.5 0 010 .92l-1.219.522a.5.5 0 00-.263.263l-.522 1.218a.5.5 0 01-.919 0l-.522-1.218a.5.5 0 00-.263-.263l-1.219-.522zM12.833.183a.5.5 0 00-.65.65l.293.731a.5.5 0 010 .371l-.293.732a.5.5 0 00.65.65l.731-.293a.5.5 0 01.372 0l.73.292a.5.5 0 00.65-.65l-.292-.73a.5.5 0 010-.372l.293-.731a.5.5 0 00-.65-.65l-.731.292a.5.5 0 01-.372 0l-.73-.292z" />
|
|
34
|
+
</g>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconWand24 = 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="M18.875 1.15a.75.75 0 00-.975.975l.289.721a.75.75 0 010 .557l-.29.722a.75.75 0 00.976.975l.721-.289a.75.75 0 01.558 0l.721.289a.75.75 0 00.975-.975l-.289-.722a.75.75 0 010-.557l.29-.721a.75.75 0 00-.976-.975l-.721.288a.75.75 0 01-.558 0l-.721-.288zM7.125 1.15a.75.75 0 00-.975.975l.439 1.096a.75.75 0 010 .557l-.44 1.097a.75.75 0 00.976.975l1.096-.439a.75.75 0 01.558 0l1.096.439a.75.75 0 00.975-.975l-.439-1.097a.75.75 0 010-.557l.44-1.096a.75.75 0 00-.976-.975l-1.096.438a.75.75 0 01-.558 0L7.125 1.15z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M17.017 6.707a2.5 2.5 0 00-3.535 0L2.168 18.021a2.5 2.5 0 003.536 3.535l11.313-11.313a2.5 2.5 0 000-3.536zm-2.474 1.06a1 1 0 011.414 1.415l-1.591 1.591-1.414-1.414 1.59-1.591zM11.89 10.42l1.414 1.415-8.662 8.662a1 1 0 01-1.414-1.414l8.662-8.663z"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
/>
|
|
33
|
+
<path d="M16.108 16.69a.75.75 0 010-1.38l1.334-.57a.75.75 0 00.393-.395l.572-1.333a.75.75 0 011.378 0l.572 1.333a.75.75 0 00.394.394l1.333.572a.75.75 0 010 1.378l-1.333.572a.75.75 0 00-.394.394l-.572 1.333a.75.75 0 01-1.378 0l-.572-1.333a.75.75 0 00-.393-.394l-1.334-.572z" />
|
|
34
|
+
</g>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
);
|
|
@@ -24,10 +24,10 @@ export const IconXDiamond16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
>
|
|
25
25
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
26
26
|
<g fill={color}>
|
|
27
|
-
<path d="M10.78 5.22a.75.75 0 010 1.06L9.06 8l1.72 1.72a.75.75 0
|
|
27
|
+
<path d="M10.78 5.22a.75.75 0 010 1.06L9.06 8l1.72 1.72a.75.75 0 01-1.06 1.06L8 9.06l-1.72 1.72a.75.75 0 11-1.06-1.06L6.94 8 5.22 6.28a.75.75 0 011.06-1.06L8 6.94l1.72-1.72a.75.75 0 011.06 0z" />
|
|
28
28
|
<path
|
|
29
29
|
fillRule="evenodd"
|
|
30
|
-
d="M.75 6.41L6.407.753a2.25 2.25 0 013.182 0l5.657 5.657a2.25 2.25 0 010 3.182l-5.657 5.656a2.25 2.25 0 01-3.182 0L.75 9.592a2.25 2.25 0 010-3.182zm6.718-4.597L1.81 7.47a.75.75 0 000 1.06l5.657 5.658a.75.75 0 001.06 0l5.657-5.657a.75.75 0 000-1.06L8.
|
|
30
|
+
d="M.75 6.41L6.407.753a2.25 2.25 0 013.182 0l5.657 5.657a2.25 2.25 0 010 3.182l-5.657 5.656a2.25 2.25 0 01-3.182 0L.75 9.592a2.25 2.25 0 010-3.182zm6.718-4.597L1.81 7.47a.75.75 0 000 1.06l5.657 5.658a.75.75 0 001.06 0l5.657-5.657a.75.75 0 000-1.06L8.53 1.812a.75.75 0 00-1.061 0z"
|
|
31
31
|
clipRule="evenodd"
|
|
32
32
|
/>
|
|
33
33
|
</g>
|