Skip to content

Commit 0cb045a

Browse files
YyumeiZhangYyumeiZhang
committed
feat: Added 11 filled icons and 33 linear icons
1 parent e256186 commit 0cb045a

File tree

96 files changed

+1576
-11
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

96 files changed

+1576
-11
lines changed

‎packages/semi-icons/src/icons/IconAlarmStroked.tsx‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<g clipPath="url(#clip0_2342_325)">
16+
<path
17+
d="M12 7.64c.5 0 .9.4.9.9v5.08l3.98 3.97a.9.9 0 1 1-1.29 1.29l-4.18-4.18-.03-.04a.9.9 0 0 1-.29-.66V8.55c0-.5.4-.91.91-.91Z"
18+
fill="currentColor"
19+
/>
20+
<path
21+
fillRule="evenodd"
22+
clipRule="evenodd"
23+
d="M12 4a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z"
24+
fill="currentColor"
25+
/>
26+
<path d="M3.54 1.41a2 2 0 1 1 2.82 2.83L4.24 6.36a2 2 0 1 1-2.83-2.82L3.54 1.4Z" fill="currentColor" />
27+
<path
28+
d="M20.46 1.41a2 2 0 1 0-2.82 2.83l2.12 2.12a2 2 0 1 0 2.83-2.82L20.46 1.4Z"
29+
fill="currentColor"
30+
/>
31+
</g>
32+
<defs>
33+
<clipPath id="clip0_2342_325">
34+
<rect width={24} height={24} fill="currentColor" />
35+
</clipPath>
36+
</defs>
37+
</svg>
38+
);
39+
}
40+
const IconComponent = convertIcon(SvgComponent, 'alarm_stroked');
41+
export default IconComponent;

‎packages/semi-icons/src/icons/IconBook.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
d="M19 1a2 2 0 0 1 2 2v19a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V5a4 4 0 0 1 4-4h12ZM6 19a1 1 0 1 0 0 2h13v-2H6Z"
17+
fill="currentColor"
18+
/>
19+
</svg>
20+
);
21+
}
22+
const IconComponent = convertIcon(SvgComponent, 'book');
23+
export default IconComponent;

‎packages/semi-icons/src/icons/IconBriefcaseStroked.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
d="M15 1a2 2 0 0 1 2 2v3h4a2 2 0 0 1 2 2v12a2 2 0 0 1-1.8 1.99L21 22H3l-.2-.01A2 2 0 0 1 1 20V8c0-1.1.9-2 2-2h4V3c0-1.1.9-2 2-2h6ZM3 20h18v-7h-6v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2H3v7Zm0-9h18V8H3v3Zm6.5-8a.5.5 0 0 0-.5.5V6h6V3.5a.5.5 0 0 0-.5-.5h-5Z"
17+
fill="currentColor"
18+
/>
19+
</svg>
20+
);
21+
}
22+
const IconComponent = convertIcon(SvgComponent, 'briefcase_stroked');
23+
export default IconComponent;

‎packages/semi-icons/src/icons/IconCalendarClockStroked.tsx‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
fillRule="evenodd"
17+
clipRule="evenodd"
18+
d="M20 2a2 2 0 0 1 2 2v8.53a6 6 0 0 0-2-1.19V8a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h7.8c.47.8 1.11 1.49 1.88 2H4a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2h16ZM4.5 4a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Z"
19+
fill="currentColor"
20+
/>
21+
<path d="M8 15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1Z" fill="currentColor" />
22+
<path d="M12.34 15a5.99 5.99 0 0 0-.25 3h-.59a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h.84Z" fill="currentColor" />
23+
<path d="M8 10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1Z" fill="currentColor" />
24+
<path d="M12.5 10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1Z" fill="currentColor" />
25+
<path d="M17.5 10a1 1 0 0 1 1 1v.02a6.08 6.08 0 0 0-3 .52V11a1 1 0 0 1 1-1h1Z" fill="currentColor" />
26+
<path
27+
d="M18 12a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm0 .27c.41 0 .75.34.75.75v1.25l1.3 1.3a.75.75 0 1 1-1.06 1.06l-1.5-1.5a.75.75 0 0 1-.1-.12.75.75 0 0 1-.14-.44v-1.55c0-.41.34-.75.75-.75Z"
28+
fill="currentColor"
29+
/>
30+
</svg>
31+
);
32+
}
33+
const IconComponent = convertIcon(SvgComponent, 'calendar_clock_stroked');
34+
export default IconComponent;

‎packages/semi-icons/src/icons/IconCameraStroked.tsx‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
fillRule="evenodd"
17+
clipRule="evenodd"
18+
d="M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"
19+
fill="currentColor"
20+
/>
21+
<path
22+
fillRule="evenodd"
23+
clipRule="evenodd"
24+
d="M14.76 2a2 2 0 0 1 1.8 1.1L17.5 5H20a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h2.5l.95-1.9A2 2 0 0 1 9.24 2h5.52ZM8.3 5.9A2 2 0 0 1 6.5 7H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-2.5a2 2 0 0 1-1.79-1.1L14.76 4H9.24l-.95 1.9Z"
25+
fill="currentColor"
26+
/>
27+
</svg>
28+
);
29+
}
30+
const IconComponent = convertIcon(SvgComponent, 'camera_stroked');
31+
export default IconComponent;

‎packages/semi-icons/src/icons/IconCartStroked.tsx‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path d="M9.65 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z" fill="currentColor" />
16+
<path d="M18.65 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z" fill="currentColor" />
17+
<path
18+
fillRule="evenodd"
19+
clipRule="evenodd"
20+
d="M5.5 2c.68 0 1.27.46 1.44 1.11l.03.13.14.79h14.71a1 1 0 0 1 .98 1.21l-1.56 7a1 1 0 0 1-.8.77l-.17.02H8.67L9.02 15h11.14a1 1 0 0 1 0 2H8.6a1.5 1.5 0 0 1-1.48-1.24L5.28 5.2l-.01-.07L5.07 4h-2.9a1 1 0 0 1 0-2H5.5ZM7.8 8.07l.52 2.96h11.14l1.1-5H7.46l.36 2.04Z"
21+
fill="currentColor"
22+
/>
23+
</svg>
24+
);
25+
}
26+
const IconComponent = convertIcon(SvgComponent, 'cart_stroked');
27+
export default IconComponent;

‎packages/semi-icons/src/icons/IconClockStroked.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
d="M12 1a11 11 0 1 1 0 22 11 11 0 0 1 0-22Zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 2a1 1 0 0 1 1 1v5.59l4.36 4.36a1 1 0 0 1-1.41 1.41l-4.6-4.6-.02-.02A1 1 0 0 1 11 12V6a1 1 0 0 1 1-1Z"
17+
fill="currentColor"
18+
/>
19+
</svg>
20+
);
21+
}
22+
const IconComponent = convertIcon(SvgComponent, 'clock_stroked');
23+
export default IconComponent;

‎packages/semi-icons/src/icons/IconCoinMoney.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
d="M12 1a11 11 0 1 1 0 22 11 11 0 0 1 0-22Zm3.2 6.3a1 1 0 0 0-1.4 0L12 9.08l-1.8-1.8a1 1 0 1 0-1.4 1.42L10.08 10H9a1 1 0 1 0 0 2h2v1H9a1 1 0 1 0 0 2h2v1a1 1 0 0 0 2 0v-1h2a1 1 0 0 0 0-2h-2v-1h2a1 1 0 0 0 0-2h-1.09l1.3-1.3a1 1 0 0 0 0-1.4Z"
17+
fill="currentColor"
18+
/>
19+
</svg>
20+
);
21+
}
22+
const IconComponent = convertIcon(SvgComponent, 'coin_money');
23+
export default IconComponent;

‎packages/semi-icons/src/icons/IconCreditCardStroked.tsx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
d="M20 3a3 3 0 0 1 3 3v11a3 3 0 0 1-2.85 3H3.85A3 3 0 0 1 1 17.15V6a3 3 0 0 1 3-3h16ZM3 17a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-7H3v7ZM4 5a1 1 0 0 0-1 1v2h18V6a1 1 0 0 0-1-1H4Z"
17+
fill="currentColor"
18+
/>
19+
<path d="M5 14a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-1Z" fill="currentColor" />
20+
</svg>
21+
);
22+
}
23+
const IconComponent = convertIcon(SvgComponent, 'credit_card_stroked');
24+
export default IconComponent;

‎packages/semi-icons/src/icons/IconCrownStroked.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import * as React from 'react';
2+
import { convertIcon } from '../components/Icon';
3+
function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
viewBox="0 0 24 24"
7+
fill="none"
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="1em"
10+
height="1em"
11+
focusable={false}
12+
aria-hidden={true}
13+
{...props}
14+
>
15+
<path
16+
d="M11.09 2a1 1 0 0 1 1.82 0l2.44 5.36a3 3 0 0 0 4.54 1.16l.14-.12 1.85-1.59c.61-.52 1.53.08 1.29.85L19.44 20.6a2 2 0 0 1-1.75 1.4H6.31a2 2 0 0 1-1.75-1.4L.83 7.66c-.24-.77.68-1.37 1.29-.85l1.85 1.6a3 3 0 0 0 4.6-.88l.08-.17L11.1 2Zm-.62 6.2a5 5 0 0 1-6.7 2.44L6.47 20h11.06l2.7-9.36a5 5 0 0 1-6.7-2.45L12 4.83 10.47 8.2Z"
17+
fill="currentColor"
18+
/>
19+
</svg>
20+
);
21+
}
22+
const IconComponent = convertIcon(SvgComponent, 'crown_stroked');
23+
export default IconComponent;

0 commit comments

Comments
 (0)