Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit 2e6ebf6

Browse files
codebender828codebender828
committed
feat(icon): add internal icons
1 parent ffc175d commit 2e6ebf6

File tree

1 file changed

+220
-0
lines changed

1 file changed

+220
-0
lines changed

‎packages/c-icon/src/internal.icons.ts

Lines changed: 220 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,220 @@
1+
/**
2+
* Internal icon paths
3+
*/
4+
const icons = {
5+
star: {
6+
path: `
7+
<path
8+
fill="currentColor"
9+
d="M23.555,8.729a1.505,1.505,0,0,0-1.406-.98H16.062a.5.5,0,0,1-.472-.334L13.405,1.222a1.5,1.5,0,0,0-2.81,0l-.005.016L8.41,7.415a.5.5,0,0,1-.471.334H1.85A1.5,1.5,0,0,0,.887,10.4l5.184,4.3a.5.5,0,0,1,.155.543L4.048,21.774a1.5,1.5,0,0,0,2.31,1.684l5.346-3.92a.5.5,0,0,1,.591,0l5.344,3.919a1.5,1.5,0,0,0,2.312-1.683l-2.178-6.535a.5.5,0,0,1,.155-.543l5.194-4.306A1.5,1.5,0,0,0,23.555,8.729Z"
10+
/>
11+
`,
12+
},
13+
email: {
14+
path: `
15+
<g fill="currentColor">
16+
<path d="M11.114,14.556a1.252,1.252,0,0,0,1.768,0L22.568,4.87a.5.5,0,0,0-.281-.849A1.966,1.966,0,0,0,22,4H2a1.966,1.966,0,0,0-.289.021.5.5,0,0,0-.281.849Z" />
17+
<path d="M23.888,5.832a.182.182,0,0,0-.2.039l-6.2,6.2a.251.251,0,0,0,0,.354l5.043,5.043a.75.75,0,1,1-1.06,1.061l-5.043-5.043a.25.25,0,0,0-.354,0l-2.129,2.129a2.75,2.75,0,0,1-3.888,0L7.926,13.488a.251.251,0,0,0-.354,0L2.529,18.531a.75.75,0,0,1-1.06-1.061l5.043-5.043a.251.251,0,0,0,0-.354l-6.2-6.2a.18.18,0,0,0-.2-.039A.182.182,0,0,0,0,6V18a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V6A.181.181,0,0,0,23.888,5.832Z" />
18+
</g>
19+
`,
20+
},
21+
phone: {
22+
viewBox: '0 0 14 14',
23+
path: `
24+
<path
25+
fill="currentColor"
26+
d="M2.20731,0.0127209 C2.1105,-0.0066419 1.99432,-0.00664663 1.91687,0.032079 C0.871279,0.438698 0.212942,1.92964 0.0580392,2.95587 C-0.426031,6.28627 2.20731,9.17133 4.62766,11.0689 C6.77694,12.7534 10.9012,15.5223 13.3409,12.8503 C13.6507,12.5211 14.0186,12.037 13.9993,11.553 C13.9412,10.7397 13.186,10.1588 12.6051,9.71349 C12.1598,9.38432 11.2304,8.47427 10.6495,8.49363 C10.1267,8.51299 9.79754,9.05515 9.46837,9.38432 L8.88748,9.96521 C8.79067,10.062 7.55145,9.24878 7.41591,9.15197 C6.91248,8.8228 6.4284,8.45491 6.00242,8.04829 C5.57644,7.64167 5.18919,7.19632 4.86002,6.73161 C4.7632,6.59607 3.96933,5.41495 4.04678,5.31813 C4.04678,5.31813 4.72448,4.58234 4.91811,4.2919 C5.32473,3.67229 5.63453,3.18822 5.16982,2.45243 C4.99556,2.18135 4.78257,1.96836 4.55021,1.73601 C4.14359,1.34875 3.73698,0.942131 3.27227,0.612963 C3.02055,0.419335 2.59457,0.0708094 2.20731,0.0127209 Z"
27+
/>
28+
`,
29+
},
30+
info: {
31+
path: `
32+
<path
33+
fill="currentColor"
34+
d="M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"
35+
/>
36+
`,
37+
},
38+
'warning-alt': {
39+
path: `
40+
<path
41+
fill="currentColor"
42+
d="M23.119,20,13.772,2.15h0a2,2,0,0,0-3.543,0L.881,20a2,2,0,0,0,1.772,2.928H21.347A2,2,0,0,0,23.119,20ZM11,8.423a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Zm1.05,11.51h-.028a1.528,1.528,0,0,1-1.522-1.47,1.476,1.476,0,0,1,1.448-1.53h.028A1.527,1.527,0,0,1,13.5,18.4,1.475,1.475,0,0,1,12.05,19.933Z"
43+
/>`,
44+
},
45+
check: {
46+
path: `
47+
<g fill="currentColor">
48+
<polygon points="5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039" />
49+
</g>
50+
`,
51+
viewBox: '0 0 14 14',
52+
},
53+
'check-circle': {
54+
path: `
55+
<path
56+
fill="currentColor"
57+
d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
58+
/>`,
59+
},
60+
exclamation: {
61+
path: `
62+
<path
63+
fill="currentColor"
64+
d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
65+
/>`,
66+
},
67+
'question-outline': {
68+
viewBox: '0 0 24 24',
69+
path: `
70+
<g stroke="currentColor" strokeWidth="1.5">
71+
<path
72+
strokeLinecap="full"
73+
fill="none"
74+
d="M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
75+
/>
76+
<path
77+
fill="none"
78+
strokeLinecap="full"
79+
d="M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
80+
/>
81+
<circle fill="none" strokeMiterlimit="10" cx="12" cy="12" r="11.25" />
82+
</g>
83+
`,
84+
},
85+
close: {
86+
path: `
87+
<path
88+
fill="currentColor"
89+
d="M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
90+
/>`,
91+
},
92+
'chevron-right': {
93+
path: `
94+
<path
95+
fill="currentColor"
96+
d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
97+
/>`,
98+
},
99+
'chevron-left': {
100+
path: `
101+
<path
102+
fill="currentColor"
103+
d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
104+
/>`,
105+
},
106+
'chevron-down': {
107+
path: `
108+
<path
109+
fill="currentColor"
110+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
111+
/>`,
112+
},
113+
'chevron-up': {
114+
path: `
115+
<path
116+
fill="currentColor"
117+
d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
118+
/>`,
119+
},
120+
'arrow-forward': {
121+
path: `
122+
<path
123+
fill="currentColor"
124+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
125+
/>`,
126+
},
127+
'arrow-up': {
128+
path: `
129+
<path
130+
fill="currentColor"
131+
d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
132+
/>`,
133+
},
134+
'arrow-down': {
135+
path: `
136+
<path
137+
fill="currentColor"
138+
d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
139+
/>`,
140+
},
141+
add: {
142+
path: `
143+
<path
144+
fill="currentColor"
145+
d="M0,12a1.5,1.5,0,0,0,1.5,1.5h8.75a.25.25,0,0,1,.25.25V22.5a1.5,1.5,0,0,0,3,0V13.75a.25.25,0,0,1,.25-.25H22.5a1.5,1.5,0,0,0,0-3H13.75a.25.25,0,0,1-.25-.25V1.5a1.5,1.5,0,0,0-3,0v8.75a.25.25,0,0,1-.25.25H1.5A1.5,1.5,0,0,0,0,12Z"
146+
/>
147+
`,
148+
},
149+
minus: {
150+
path: `
151+
<g fill="currentColor">
152+
<rect height="4" width="20" x="2" y="10" />
153+
</g>
154+
`,
155+
},
156+
moon: {
157+
path: `
158+
<path
159+
fill="currentColor"
160+
d="M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z"
161+
/>
162+
`,
163+
},
164+
sun: {
165+
path: `
166+
<g
167+
strokeLinejoin="full"
168+
strokeLinecap="full"
169+
strokeWidth="2"
170+
fill="none"
171+
stroke="currentColor"
172+
>
173+
<circle cx="12" cy="12" r="5" />
174+
<path d="M12 1v2" />
175+
<path d="M12 21v2" />
176+
<path d="M4.22 4.22l1.42 1.42" />
177+
<path d="M18.36 18.36l1.42 1.42" />
178+
<path d="M1 12h2" />
179+
<path d="M21 12h2" />
180+
<path d="M4.22 19.78l1.42-1.42" />
181+
<path d="M18.36 5.64l1.42-1.42" />
182+
</g>
183+
`,
184+
},
185+
warning: {
186+
path: `
187+
<path
188+
fill="currentColor"
189+
d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
190+
/>`,
191+
},
192+
'small-close': {
193+
path: `
194+
<path
195+
d="M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z"
196+
fillRule="evenodd"
197+
fill="currentColor"
198+
/>
199+
`,
200+
viewBox: '0 0 16 16',
201+
},
202+
'triangle-up': {
203+
path: `
204+
<path
205+
fill="currentColor"
206+
d="M12.8,5.4c-0.377-0.504-1.223-0.504-1.6,0l-9,12c-0.228,0.303-0.264,0.708-0.095,1.047 C2.275,18.786,2.621,19,3,19h18c0.379,0,0.725-0.214,0.895-0.553c0.169-0.339,0.133-0.744-0.095-1.047L12.8,5.4z"
207+
/>
208+
`,
209+
},
210+
'triangle-down': {
211+
path: `
212+
<path
213+
fill="currentColor"
214+
d="M21,5H3C2.621,5,2.275,5.214,2.105,5.553C1.937,5.892,1.973,6.297,2.2,6.6l9,12 c0.188,0.252,0.485,0.4,0.8,0.4s0.611-0.148,0.8-0.4l9-12c0.228-0.303,0.264-0.708,0.095-1.047C21.725,5.214,21.379,5,21,5z"
215+
/>
216+
`,
217+
},
218+
}
219+
220+
export default icons

0 commit comments

Comments
 (0)