Skip to content

Commit 85e2d01

Browse files
Elena Rashkovanlena.rashkovan
Elena Rashkovan
and
lena.rashkovan
authored
feat(icons): add experimental icons (#541)
Co-authored-by: lena.rashkovan <[email protected]>
1 parent f0e270f commit 85e2d01

File tree

7 files changed

+111
-0
lines changed

7 files changed

+111
-0
lines changed

‎assets/icons/experimental/cog-outline.svg‎

Lines changed: 5 additions & 0 deletions
Loading

‎assets/icons/experimental/event-repeat.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎assets/icons/experimental/support-agent.svg‎

Lines changed: 5 additions & 0 deletions
Loading

‎src/icons/experimental/CogOutlineIcon.tsx‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
// DO NOT EDIT. This file was generated by running `npm run generate`.;
2+
import * as React from 'react';
3+
import { get } from '../../utils/themeGet';
4+
import { IconProps } from '../IconProps';
5+
type Props = IconProps;
6+
const CogOutlineIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
7+
const props = { ...rest, color };
8+
const sizePx = Number.isFinite(size as number)
9+
? size
10+
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
11+
return (
12+
<svg
13+
{...props}
14+
width={sizePx}
15+
height={sizePx}
16+
viewBox="0 0 25 24"
17+
fill="none"
18+
xmlns="http://www.w3.org/2000/svg"
19+
>
20+
<path
21+
d="M12.5 8a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zm-2 12c-.25 0-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49 1.01c-.22.08-.49 0-.61-.22l-2-3.46a.493.493 0 01.12-.64l2.11-1.66L5 12l.07-1-2.11-1.63a.493.493 0 01-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49 1c.52-.39 1.06-.73 1.69-.98L10 2.42c.04-.24.25-.42.5-.42h4c.25 0 .46.18.5.42l.37 2.65c.63.25 1.17.59 1.69.98l2.49-1c.22-.09.49 0 .61.22l2 3.46c.13.22.07.49-.12.64L19.93 11l.07 1-.07 1 2.11 1.63c.19.15.25.42.12.64l-2 3.46c-.12.22-.39.31-.61.22l-2.49-1c-.52.39-1.06.73-1.69.98L15 21.58c-.04.24-.25.42-.5.42h-4zm1.25-18l-.37 2.61c-1.2.25-2.26.89-3.03 1.78L5.94 7.35l-.75 1.3L7.3 10.2a5.55 5.55 0 000 3.6l-2.12 1.56.75 1.3 2.43-1.04c.77.88 1.82 1.52 3.01 1.76l.37 2.62h1.52l.37-2.61c1.19-.25 2.24-.89 3.01-1.77l2.43 1.04.75-1.3-2.12-1.55c.4-1.17.4-2.44 0-3.61l2.11-1.55-.75-1.3-2.41 1.04a5.42 5.42 0 00-3.03-1.77L13.25 4h-1.5z"
22+
fill="currentColor"
23+
/>
24+
</svg>
25+
);
26+
};
27+
export default CogOutlineIcon;

‎src/icons/experimental/EventRepeatIcon.tsx‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
// DO NOT EDIT. This file was generated by running `npm run generate`.;
2+
import * as React from 'react';
3+
import { get } from '../../utils/themeGet';
4+
import { IconProps } from '../IconProps';
5+
type Props = IconProps;
6+
const EventRepeatIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
7+
const props = { ...rest, color };
8+
const sizePx = Number.isFinite(size as number)
9+
? size
10+
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
11+
return (
12+
<svg
13+
{...props}
14+
width={sizePx}
15+
height={sizePx}
16+
viewBox="0 0 25 24"
17+
fill="none"
18+
xmlns="http://www.w3.org/2000/svg"
19+
>
20+
<g clipPath="url(#EventRepeatIcon__clip0_564_6595)">
21+
<path
22+
d="M5.5 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 013.5 20V6c0-.55.196-1.02.588-1.412A1.926 1.926 0 015.5 4h1V2h2v2h8V2h2v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v6h-2v-2h-14v10h7v2h-7zm14 2c-1.217 0-2.28-.38-3.188-1.137A4.9 4.9 0 0114.6 20h1.55c.217.733.63 1.333 1.238 1.8.608.467 1.312.7 2.112.7.967 0 1.792-.342 2.475-1.025A3.372 3.372 0 0023 19c0-.967-.342-1.792-1.025-2.475A3.372 3.372 0 0019.5 15.5a3.404 3.404 0 00-2.45 1h1.45V18h-4v-4H16v1.425c.45-.433.975-.78 1.575-1.038A4.816 4.816 0 0119.5 14c1.383 0 2.563.488 3.538 1.463.974.975 1.462 2.154 1.462 3.537s-.488 2.563-1.462 3.538C22.062 23.512 20.883 24 19.5 24zM5.5 8h14V6h-14v2z"
23+
fill="currentColor"
24+
/>
25+
</g>
26+
<defs>
27+
<clipPath id="EventRepeatIcon__clip0_564_6595">
28+
<path fill="#fff" transform="translate(.5)" d="M0 0h24v24H0z" />
29+
</clipPath>
30+
</defs>
31+
</svg>
32+
);
33+
};
34+
export default EventRepeatIcon;

‎src/icons/experimental/SupportAgentIcon.tsx‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
// DO NOT EDIT. This file was generated by running `npm run generate`.;
2+
import * as React from 'react';
3+
import { get } from '../../utils/themeGet';
4+
import { IconProps } from '../IconProps';
5+
type Props = IconProps;
6+
const SupportAgentIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
7+
const props = { ...rest, color };
8+
const sizePx = Number.isFinite(size as number)
9+
? size
10+
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
11+
return (
12+
<svg
13+
{...props}
14+
width={sizePx}
15+
height={sizePx}
16+
viewBox="0 0 25 24"
17+
fill="none"
18+
xmlns="http://www.w3.org/2000/svg"
19+
>
20+
<path
21+
d="M12.5 21a1 1 0 110-2h7v-7.1c0-1.95-.68-3.604-2.038-4.963C16.104 5.58 14.45 4.9 12.5 4.9c-1.95 0-3.604.68-4.963 2.037C6.18 8.296 5.5 9.95 5.5 11.9V17a1 1 0 01-1 1c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 012.5 16v-2c0-.35.087-.68.263-.988.175-.308.42-.554.737-.737l.075-1.325a8.654 8.654 0 01.987-3.15 9.476 9.476 0 011.975-2.525A8.774 8.774 0 019.262 3.6c1.025-.4 2.105-.6 3.238-.6s2.208.2 3.225.6c1.017.4 1.925.954 2.725 1.663a8.975 8.975 0 011.975 2.512c.517.967.85 2.017 1 3.15l.075 1.3c.317.15.563.375.738.675.175.3.262.617.262.95v2.3c0 .333-.087.65-.262.95-.175.3-.421.525-.738.675V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0119.5 21h-7zm-3-7a.967.967 0 01-.713-.287A.968.968 0 018.5 13c0-.283.096-.52.287-.713A.967.967 0 019.5 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 019.5 14zm6 0a.968.968 0 01-.713-.287A.968.968 0 0114.5 13c0-.283.096-.52.287-.713A.968.968 0 0115.5 12c.283 0 .52.096.712.287.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0115.5 14zm-8.975-1.55c-.117-1.767.417-3.283 1.6-4.55S10.783 6 12.55 6c1.483 0 2.787.47 3.912 1.412s1.805 2.146 2.038 3.613A7.895 7.895 0 0114.312 9.8a7.965 7.965 0 01-2.937-3.25 7.978 7.978 0 01-1.688 3.563 7.993 7.993 0 01-3.162 2.337z"
22+
fill="currentColor"
23+
/>
24+
</svg>
25+
);
26+
};
27+
export default SupportAgentIcon;

‎src/icons/experimental/index.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,3 +7,6 @@ export { default as SpinnerIcon } from './SpinnerIcon';
77
export { default as PhoneCarOutlineIcon } from './PhoneCarOutlineIcon';
88
export { default as SearchIcon } from './SearchIcon';
99
export { default as BotIcon } from './BotIcon';
10+
export { default as EventRepeatIcon } from './EventRepeatIcon';
11+
export { default as CogOutlineIcon } from './CogOutlineIcon';
12+
export { default as SupportAgentIcon } from './SupportAgentIcon';

0 commit comments

Comments
 (0)