@@ -4,147 +4,159 @@ type props = {
44} ;
55
66export function InfoSquareIcon ( { className } : props ) {
7- return (
8- < svg
9- xmlns = " http://www.w3.org/2000/svg"
10- fill = " currentColor"
11- viewBox = " 0 0 16 16"
12- className = { className }
13- >
14- < path d = " M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" />
15- < path d = " m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" />
16- </ svg >
17- ) ;
7+ return (
8+ < svg
9+ xmlns = ' http://www.w3.org/2000/svg'
10+ fill = ' currentColor'
11+ viewBox = ' 0 0 16 16'
12+ className = { className }
13+ >
14+ < path d = ' M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z' />
15+ < path d = ' m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0' />
16+ </ svg >
17+ ) ;
1818}
1919
2020export function NewspaperIcon ( { className } : props ) {
21- return (
22- < svg
23- xmlns = " http://www.w3.org/2000/svg"
24- fill = " currentColor"
25- viewBox = " 0 0 16 16"
26- className = { className }
27- >
28- < path d = " M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5z" />
29- < path d = " M2 3h10v2H2zm0 3h4v3H2zm0 4h4v1H2zm0 2h4v1H2zm5-6h2v1H7zm3 0h2v1h-2zM7 8h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2z" />
30- </ svg >
31- ) ;
21+ return (
22+ < svg
23+ xmlns = ' http://www.w3.org/2000/svg'
24+ fill = ' currentColor'
25+ viewBox = ' 0 0 16 16'
26+ className = { className }
27+ >
28+ < path d = ' M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5z' />
29+ < path d = ' M2 3h10v2H2zm0 3h4v3H2zm0 4h4v1H2zm0 2h4v1H2zm5-6h2v1H7zm3 0h2v1h-2zM7 8h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2z' />
30+ </ svg >
31+ ) ;
3232}
3333
3434export function PeopleIcon ( { className } : props ) {
35- return (
36- < svg
37- xmlns = " http://www.w3.org/2000/svg"
38- fill = " currentColor"
39- viewBox = " 0 0 16 16"
40- className = { className }
41- >
42- < path d = " M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4" />
43- </ svg >
44- ) ;
35+ return (
36+ < svg
37+ xmlns = ' http://www.w3.org/2000/svg'
38+ fill = ' currentColor'
39+ viewBox = ' 0 0 16 16'
40+ className = { className }
41+ >
42+ < path d = ' M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4' />
43+ </ svg >
44+ ) ;
4545}
4646
4747export function ArrowRightIcon ( { className } : props ) {
4848 return (
49- < svg
50- xmlns = " http://www.w3.org/2000/svg"
51- fill = " currentColor"
52- viewBox = " 0 0 16 16"
53- className = { className }
54- >
55- < path
56- fillRule = " evenodd"
57- d = " M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"
58- />
59- </ svg >
49+ < svg
50+ xmlns = ' http://www.w3.org/2000/svg'
51+ fill = ' currentColor'
52+ viewBox = ' 0 0 16 16'
53+ className = { className }
54+ >
55+ < path
56+ fillRule = ' evenodd'
57+ d = ' M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'
58+ />
59+ </ svg >
6060 ) ;
6161}
6262
6363export function FeatherIcon ( { className } : props ) {
64- return (
65- < svg
66- xmlns = " http://www.w3.org/2000/svg"
67- fill = " currentColor"
68- viewBox = " 0 0 16 16"
69- className = { className }
70- >
71- < path d = "M15.807.531c-.174-.177-.41-.289-.64-.363a3.8 3.8 0 0 0-.833-.15c-.62-.049-1.394 0-2.252.175C10.365.545 8.264 1.415 6.315 3.1S3.147 6.824 2.557 8.523c-.294.847-.44 1.634-.429 2.268.005.316.05.62.154.88q.025.061.056.122A68 68 0 0 0 .08 15.198a.53.53 0 0 0 .157.72.504.504 0 0 0 .705-.16 68 68 0 0 1 2.158-3.26c.285.141.616.195.958.182.513-.02 1.098-.188 1.723-.49 1.25-.605 2.744-1.787 4.303-3.642l1.518-1.55a.53.53 0 0 0 0-.739l-.729-.744 1.311.209a.5.5 0 0 0 .443-.15l.663-.684c.663-.68 1.292-1.325 1.763-1.892.314-.378.585-.752.754-1.107.163-.345.278-.773.112-1.188a.5.5 0 0 0-.112-.172M3.733 11.62C5.385 9.374 7.24 7.215 9.309 5.394l1.21 1.234-1.171 1.196-.027.03c-1.5 1.789-2.891 2.867-3.977 3.393-.544.263-.99.378-1.324.39a1.3 1.3 0 0 1-.287-.018Zm6.769-7.22c1.31-1.028 2.7-1.914 4.172-2.6a7 7 0 0 1-.4.523c-.442.533-1.028 1.134-1.681 1.804l-.51.524zm3.346-3.357C9.594 3.147 6.045 6.8 3.149 10.678c.007-.464.121-1.086.37-1.806.533-1.535 1.65-3.415 3.455-4.976 1.807-1.561 3.746-2.36 5.31-2.68a8 8 0 0 1 1.564-.173" />
72- </ svg >
73- ) ;
64+ return (
65+ < svg
66+ xmlns = ' http://www.w3.org/2000/svg'
67+ fill = ' currentColor'
68+ viewBox = ' 0 0 16 16'
69+ className = { className }
70+ >
71+ < path d = 'M15.807.531c-.174-.177-.41-.289-.64-.363a3.8 3.8 0 0 0-.833-.15c-.62-.049-1.394 0-2.252.175C10.365.545 8.264 1.415 6.315 3.1S3.147 6.824 2.557 8.523c-.294.847-.44 1.634-.429 2.268.005.316.05.62.154.88q.025.061.056.122A68 68 0 0 0 .08 15.198a.53.53 0 0 0 .157.72.504.504 0 0 0 .705-.16 68 68 0 0 1 2.158-3.26c.285.141.616.195.958.182.513-.02 1.098-.188 1.723-.49 1.25-.605 2.744-1.787 4.303-3.642l1.518-1.55a.53.53 0 0 0 0-.739l-.729-.744 1.311.209a.5.5 0 0 0 .443-.15l.663-.684c.663-.68 1.292-1.325 1.763-1.892.314-.378.585-.752.754-1.107.163-.345.278-.773.112-1.188a.5.5 0 0 0-.112-.172M3.733 11.62C5.385 9.374 7.24 7.215 9.309 5.394l1.21 1.234-1.171 1.196-.027.03c-1.5 1.789-2.891 2.867-3.977 3.393-.544.263-.99.378-1.324.39a1.3 1.3 0 0 1-.287-.018Zm6.769-7.22c1.31-1.028 2.7-1.914 4.172-2.6a7 7 0 0 1-.4.523c-.442.533-1.028 1.134-1.681 1.804l-.51.524zm3.346-3.357C9.594 3.147 6.045 6.8 3.149 10.678c.007-.464.121-1.086.37-1.806.533-1.535 1.65-3.415 3.455-4.976 1.807-1.561 3.746-2.36 5.31-2.68a8 8 0 0 1 1.564-.173' />
72+ </ svg >
73+ ) ;
7474}
7575
7676export function BookIcon ( { className } : props ) {
77- return (
78- < svg
79- xmlns = " http://www.w3.org/2000/svg"
80- fill = " currentColor"
81- viewBox = " 0 0 16 16"
82- className = { className }
83- >
84- < path d = " M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783" />
85- </ svg >
86- ) ;
77+ return (
78+ < svg
79+ xmlns = ' http://www.w3.org/2000/svg'
80+ fill = ' currentColor'
81+ viewBox = ' 0 0 16 16'
82+ className = { className }
83+ >
84+ < path d = ' M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783' />
85+ </ svg >
86+ ) ;
8787}
8888
8989export function XIcon ( { className } : props ) {
90- return (
91- < svg
92- xmlns = " http://www.w3.org/2000/svg"
93- fill = " currentColor"
94- viewBox = " 0 0 16 16"
95- className = { className }
96- >
97- < path d = " M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
98- </ svg >
99- ) ;
90+ return (
91+ < svg
92+ xmlns = ' http://www.w3.org/2000/svg'
93+ fill = ' currentColor'
94+ viewBox = ' 0 0 16 16'
95+ className = { className }
96+ >
97+ < path d = ' M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z' />
98+ </ svg >
99+ ) ;
100100}
101101
102102export function ChevronDownIcon ( { className } : props ) {
103- return (
104- < svg
105- xmlns = " http://www.w3.org/2000/svg"
106- fill = " currentColor"
107- viewBox = " 0 0 16 16"
108- className = { className }
109- >
110- < path d = " M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708" />
111- </ svg >
112- ) ;
103+ return (
104+ < svg
105+ xmlns = ' http://www.w3.org/2000/svg'
106+ fill = ' currentColor'
107+ viewBox = ' 0 0 16 16'
108+ className = { className }
109+ >
110+ < path d = ' M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708' />
111+ </ svg >
112+ ) ;
113113}
114114
115115export function MenuIcon ( { className } : props ) {
116- return (
117- < svg
118- xmlns = " http://www.w3.org/2000/svg"
119- fill = " currentColor"
120- viewBox = " 0 0 16 16"
121- className = { className }
122- >
123- < path d = " M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5" />
124- </ svg >
125- ) ;
116+ return (
117+ < svg
118+ xmlns = ' http://www.w3.org/2000/svg'
119+ fill = ' currentColor'
120+ viewBox = ' 0 0 16 16'
121+ className = { className }
122+ >
123+ < path d = ' M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5' />
124+ </ svg >
125+ ) ;
126126}
127127
128128export function FacebookIcon ( { className } : props ) {
129- return (
130- < svg
131- xmlns = " http://www.w3.org/2000/svg"
132- viewBox = " 0 0 24 24"
133- className = { className }
134- >
135- < path d = " M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" />
136- </ svg >
137- ) ;
129+ return (
130+ < svg
131+ xmlns = ' http://www.w3.org/2000/svg'
132+ viewBox = ' 0 0 24 24'
133+ className = { className }
134+ >
135+ < path d = ' M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z' />
136+ </ svg >
137+ ) ;
138138}
139139
140140export function TwitterXIcon ( { className } : props ) {
141- return (
142- < svg
143- xmlns = "http://www.w3.org/2000/svg"
144- viewBox = "0 0 24 24"
145- className = { className }
146- >
147- < path d = "M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z" />
148- </ svg >
149- ) ;
150- }
141+ return (
142+ < svg
143+ xmlns = 'http://www.w3.org/2000/svg'
144+ viewBox = '0 0 24 24'
145+ className = { className }
146+ >
147+ < path d = 'M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z' />
148+ </ svg >
149+ ) ;
150+ }
151+
152+ export function SubstackIcon ( { className } : props ) {
153+ return (
154+ < svg
155+ xmlns = 'http://www.w3.org/2000/svg'
156+ viewBox = '0 0 24 24'
157+ className = { className }
158+ >
159+ < path d = 'M0 0h448v62.804H0V0zm0 229.083h448v282.388L223.954 385.808 0 511.471V229.083zm0-114.542h448v62.804H0v-62.804z' />
160+ </ svg >
161+ ) ;
162+ }
0 commit comments