Skip to content

Commit 25c19d0

Browse files
acekydacekyd
authored
feat: Add Astro and Vite icons to templates (#7018)
* feat: Add Astro and Vite icons to templates * Update AstroIcon.tsx and ViteIcon.tsx * Update AstroIcon.tsx and ViteIcon.tsx * Sort icons alphabetically.
1 parent 5178c39 commit 25c19d0

File tree

3 files changed

+103
-8
lines changed

3 files changed

+103
-8
lines changed

‎packages/template-icons/src/AstroIcon.tsx

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
import React from 'react';
2+
import { SVGIcon, ISVGIconProps } from './SVGIcon';
3+
4+
export const AstroIcon: React.FC<ISVGIconProps> = ({ ...props }) => (
5+
<SVGIcon {...props} viewBox="0 0 1280 1280">
6+
<path
7+
fillRule="evenodd"
8+
clipRule="evenodd"
9+
d="M815.931 94.6439C825.65 106.709 830.606 122.99 840.519 155.553L1057.06 866.901C976.999 825.368 889.964 795.413 798.174 779.252L657.182 302.798C654.875 295.002 647.715 289.654 639.585 289.654C631.434 289.654 624.26 295.03 621.972 302.853L482.688 779.011C390.471 795.1 303.038 825.109 222.634 866.793L440.24 155.388L440.24 155.388C450.183 122.882 455.154 106.629 464.874 94.5853C473.455 83.9531 484.616 75.6958 497.293 70.6002C511.652 64.8284 528.649 64.8284 562.642 64.8284H718.067C752.104 64.8284 769.123 64.8284 783.496 70.6123C796.184 75.7184 807.352 83.9923 815.931 94.6439Z"
10+
fill="url(#paint0_linear_709_106)"
11+
/>
12+
<path
13+
fillRule="evenodd"
14+
clipRule="evenodd"
15+
d="M841.843 900.754C806.146 931.279 734.895 952.097 652.822 952.097C552.089 952.097 467.659 920.737 445.256 878.561C437.247 902.732 435.45 930.396 435.45 948.068C435.45 948.068 430.173 1034.84 490.528 1095.2C490.528 1063.86 515.934 1038.46 547.273 1038.46C600.989 1038.46 600.929 1085.32 600.88 1123.34C600.878 1124.48 600.877 1125.61 600.877 1126.73C600.877 1184.44 636.147 1233.91 686.308 1254.77C678.816 1239.36 674.613 1222.05 674.613 1203.77C674.613 1148.73 706.926 1128.23 744.48 1104.41L744.481 1104.41C774.361 1085.46 807.56 1064.41 830.44 1022.17C842.379 1000.13 849.158 974.893 849.158 948.068C849.158 931.573 846.594 915.676 841.843 900.754Z"
16+
fill="#FF5D01"
17+
/>
18+
<path
19+
fillRule="evenodd"
20+
clipRule="evenodd"
21+
d="M841.843 900.754C806.146 931.279 734.895 952.097 652.822 952.097C552.089 952.097 467.659 920.737 445.256 878.561C437.247 902.732 435.45 930.396 435.45 948.068C435.45 948.068 430.173 1034.84 490.528 1095.2C490.528 1063.86 515.934 1038.46 547.273 1038.46C600.989 1038.46 600.929 1085.32 600.88 1123.34C600.878 1124.48 600.877 1125.61 600.877 1126.73C600.877 1184.44 636.147 1233.91 686.308 1254.77C678.816 1239.36 674.613 1222.05 674.613 1203.77C674.613 1148.73 706.926 1128.23 744.48 1104.41L744.481 1104.41C774.361 1085.46 807.56 1064.41 830.44 1022.17C842.379 1000.13 849.158 974.893 849.158 948.068C849.158 931.573 846.594 915.676 841.843 900.754Z"
22+
fill="url(#paint1_linear_709_106)"
23+
/>
24+
<defs>
25+
<linearGradient
26+
id="paint0_linear_709_106"
27+
x1="883.889"
28+
y1="27.1132"
29+
x2="639.848"
30+
y2="866.902"
31+
gradientUnits="userSpaceOnUse"
32+
>
33+
<stop stopColor="white" />
34+
<stop offset="1" stopColor="#F9FAFB" />
35+
</linearGradient>
36+
<linearGradient
37+
id="paint1_linear_709_106"
38+
x1="1002.57"
39+
y1="652.45"
40+
x2="791.219"
41+
y2="1094.91"
42+
gradientUnits="userSpaceOnUse"
43+
>
44+
<stop stopColor="#FF1639" />
45+
<stop offset="1" stopColor="#FF1639" stopOpacity="0" />
46+
</linearGradient>
47+
</defs>
48+
</SVGIcon>
49+
);

‎packages/template-icons/src/ViteIcon.tsx

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import React from 'react';
2+
import { SVGIcon, ISVGIconProps } from './SVGIcon';
3+
4+
export const ViteIcon: React.FC<ISVGIconProps> = ({ ...props }) => (
5+
<SVGIcon {...props} viewBox="0 0 256 256">
6+
<defs>
7+
<linearGradient
8+
id="IconifyId1813088fe1fbc01fb466"
9+
x1="-.828%"
10+
x2="57.636%"
11+
y1="7.652%"
12+
y2="78.411%"
13+
>
14+
<stop offset="0%" stopColor="#41D1FF" />
15+
<stop offset="100%" stopColor="#BD34FE" />
16+
</linearGradient>
17+
<linearGradient
18+
id="IconifyId1813088fe1fbc01fb467"
19+
x1="43.376%"
20+
x2="50.316%"
21+
y1="2.242%"
22+
y2="89.03%"
23+
>
24+
<stop offset="0%" stopColor="#FFEA83" />
25+
<stop offset="8.333%" stopColor="#FFDD35" />
26+
<stop offset="100%" stopColor="#FFA800" />
27+
</linearGradient>
28+
</defs>
29+
<path
30+
fill="url(#IconifyId1813088fe1fbc01fb466)"
31+
d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"
32+
/>
33+
<path
34+
fill="url(#IconifyId1813088fe1fbc01fb467)"
35+
d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"
36+
/>
37+
</SVGIcon>
38+
);

‎packages/template-icons/src/index.ts

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { AdonisIcon } from './AdonisIcon';
22
import { AngularIcon } from './AngularIcon';
33
import { ApolloIcon } from './ApolloIcon';
4+
import { AstroIcon } from './AstroIcon';
45
import { AureliaIcon } from './AureliaIcon';
56
import { CordovaIcon } from './CordovaIcon';
67
import { CxJSIcon } from './CxJSIcon';
@@ -44,25 +45,27 @@ import { ReactIcon } from './ReactIcon';
4445
import { RemixIcon } from './RemixIcon';
4546
import { ReasonIcon } from './ReasonIcon';
4647
import { RollupIcon } from './RollupIcon';
48+
import { SanityIcon } from './SanityIcon';
4749
import { SapperIcon } from './SapperIcon';
4850
import { ServerlessIcon } from './ServerlessIcon';
51+
import { SolidIcon } from './SolidIcon';
4952
import { StackbitIcon } from './StackbitIcon';
5053
import { StorybookIcon } from './StorybookIcon';
5154
import { StyleguidistIcon } from './StyleguidistIcon';
5255
import { SvelteIcon } from './SvelteIcon';
5356
import { TailwindIcon } from './TailwindIcon';
5457
import { TypeScriptIcon } from './TypeScriptIcon';
5558
import { UnibitIcon } from './UnibitIcon';
59+
import { ViteIcon } from './ViteIcon';
5660
import { VueIcon } from './VueIcon';
5761
import { VuePressIcon } from './VuePressIcon';
5862
import { WebAssemblyIcon } from './WebAssemblyIcon';
59-
import { SolidIcon } from './SolidIcon';
60-
import { SanityIcon } from './SanityIcon';
6163

6264
export const ColorIcons = {
6365
AdonisIcon,
6466
AngularIcon,
6567
ApolloIcon,
68+
AstroIcon,
6669
AureliaIcon,
6770
CordovaIcon,
6871
CxJSIcon,
@@ -106,26 +109,28 @@ export const ColorIcons = {
106109
ReasonIcon,
107110
RemixIcon,
108111
RollupIcon,
112+
SanityIcon,
109113
SapperIcon,
110114
ServerlessIcon,
115+
SolidIcon,
111116
StackbitIcon,
112117
StorybookIcon,
113118
StyleguidistIcon,
114119
SvelteIcon,
115120
TailwindIcon,
116121
TypeScriptIcon,
117122
UnibitIcon,
123+
ViteIcon,
118124
VueIcon,
119125
VuePressIcon,
120126
WebAssemblyIcon,
121-
SolidIcon,
122-
SanityIcon,
123127
};
124128

125129
export const Icons = {
126130
AdonisIcon,
127131
AngularIcon,
128132
ApolloIcon,
133+
AstroIcon,
129134
AureliaIcon,
130135
CordovaIcon,
131136
CxJSIcon,
@@ -169,25 +174,27 @@ export const Icons = {
169174
ReasonIcon,
170175
RemixIcon,
171176
RollupIcon,
177+
SanityIcon,
172178
SapperIcon,
173179
ServerlessIcon,
180+
SolidIcon,
174181
StackbitIcon,
175182
StorybookIcon,
176183
StyleguidistIcon,
177184
SvelteIcon,
178185
TailwindIcon,
179186
TypeScriptIcon,
180187
UnibitIcon,
188+
ViteIcon,
181189
VueIcon,
182190
VuePressIcon,
183191
WebAssemblyIcon,
184-
SolidIcon,
185-
SanityIcon,
186192
};
187193

188194
export { AdonisIcon } from './AdonisIcon';
189195
export { AngularIcon } from './AngularIcon';
190196
export { ApolloIcon } from './ApolloIcon';
197+
export { AstroIcon } from './AstroIcon';
191198
export { AureliaIcon } from './AureliaIcon';
192199
export { CordovaIcon } from './CordovaIcon';
193200
export { CxJSIcon } from './CxJSIcon';
@@ -231,17 +238,18 @@ export { ReactIcon } from './ReactIcon';
231238
export { ReasonIcon } from './ReasonIcon';
232239
export { RemixIcon } from './RemixIcon';
233240
export { RollupIcon } from './RollupIcon';
241+
export { SanityIcon } from './SanityIcon';
234242
export { SapperIcon } from './SapperIcon';
235243
export { ServerlessIcon } from './ServerlessIcon';
244+
export { SolidIcon } from './SolidIcon';
236245
export { StackbitIcon } from './StackbitIcon';
237246
export { StorybookIcon } from './StorybookIcon';
238247
export { StyleguidistIcon } from './StyleguidistIcon';
239248
export { SvelteIcon } from './SvelteIcon';
240249
export { TailwindIcon } from './TailwindIcon';
241250
export { TypeScriptIcon } from './TypeScriptIcon';
242251
export { UnibitIcon } from './UnibitIcon';
252+
export { ViteIcon } from './ViteIcon';
243253
export { VueIcon } from './VueIcon';
244254
export { VuePressIcon } from './VuePressIcon';
245255
export { WebAssemblyIcon } from './WebAssemblyIcon';
246-
export { SolidIcon } from './SolidIcon';
247-
export { SanityIcon } from './SanityIcon';

0 commit comments

Comments
 (0)