-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathicons.tsx
141 lines (125 loc) · 18.3 KB
/
icons.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
import React from "react";
const iconStyle = {
width: "100%",
height: "100%",
};
export const Chrome = () => (
<svg style={iconStyle} viewBox="0 0 22.621368408203125 22.619009017944336">
<path d="M15.518 11.311a4.206 4.206 0 1 1-8.412 0 4.206 4.206 0 0 1 8.412 0zm-4.23-5.012H21.45A11.308 11.308 0 0 0 11.312.003a11.289 11.289 0 0 0-8.876 4.301l3.878 6.631A5.012 5.012 0 0 1 11.287 6.3zm.024 10.023a5.014 5.014 0 0 1-4.714-3.306l-4.68-8.004a11.255 11.255 0 0 0-1.915 6.297c0 5.692 4.206 10.401 9.68 11.191l3.9-6.723a4.984 4.984 0 0 1-2.272.544zm10.5-9.217H14.04a5.005 5.005 0 0 1 2.285 4.206 4.99 4.99 0 0 1-.607 2.393l.003.002-5.158 8.888c.248.016.498.025.751.025 6.245 0 11.308-5.063 11.308-11.308 0-1.486-.287-2.906-.809-4.206z"></path>
</svg>
);
export const FireFox = () => (
<svg style={iconStyle} viewBox="0 0 23.04400062561035 22.124916076660156">
<path d="M18.851 2.645a10.889 10.889 0 0 0-.189-.182l.189.182zM.507 8.72s-.032.039-.08.104l-.02.107a.967.967 0 0 1 .101-.211zm3.179-5.135l.061-.063A10.394 10.394 0 0 1 11.124.467c1.33 0 2.621.246 3.844.73.714.124 1.665.362 2.458.813A10.843 10.843 0 0 0 11.124.004 10.864 10.864 0 0 0 3.35 3.266c.092.112.203.22.335.32zm3.869 8.195a1.322 1.322 0 0 1-.196-.201 4.125 4.125 0 0 0-.031.499c0 .328.041.68.153 1.032s.294.698.581 1.02c.191.216.43.42.728.606l-.017.027c.56.01 1.472-.001 1.934-.155.695-.232 1.808-1.113 1.808-1.113.278-.278.603-.14.881-.14s.371-.416 0-.834c-.371-.417-1.669-.835-2.643-.185s-2.365.139-3.199-.556zm.672-6.12a3.286 3.286 0 0 0-.116.844c0 .322.054.668.205 1.009a4.516 4.516 0 0 0 .546.928c.131-.12.283-.241.408-.324.278-.185 1.345-.696 1.484-.835s.417-.881.185-1.113c-.232-.232-1.716-.093-2.179-.185-.195-.04-.382-.177-.533-.323zm.299 4.538a.032.032 0 0 0 .002.006l.005-.011-.007.005zm13.727-2.081c0 .377-.34.905-.406 1.004.014-.035.035-.145.035-.494 0-.51.139-1.808-.51-3.246s-1.623-2.133-1.623-2.133v.325c-.139-.464-1.437-1.345-1.437-1.345v.464c2.318 2.133 2.55 3.617 2.55 3.617-.417-1.345-1.623-2.365-2.643-3.338s-3.153-1.484-3.153-1.484c2.272 1.298 3.385 3.338 3.385 3.338-1.159-1.113-2.087-1.02-2.087-1.02.696.51 1.02 1.066 1.669 2.087s.603 3.43.603 3.43c-.325-.787-.974-1.112-.974-1.112s.139 1.39.232 2.179c.093.788-.325 2.272-.325 2.272 0-.556-.325-.696-.325-.696s.093.325-.371 1.808c-.464 1.484-1.345 1.994-1.484 1.947s0-.278 0-.278-.232-.185-.556.325c-.274.43-.746.662-.886.725.151-.086.191-.4.191-.4s-.325.185-1.808.417c-1.484.232-2.179-.417-2.179-.417.139-.14.788 0 .788 0 0-.14-.742-.371-1.484-.464-.603-.075-.896-.355-1.035-.58a3.74 3.74 0 0 1-.705-.61 3.235 3.235 0 0 1-.517-.782 3.693 3.693 0 0 1-.334-1.578c0-.46.072-.865.143-1.157s.144-.471.147-.48l.01.005c.087-.268.258-.483.46-.571a1.968 1.968 0 0 0-.196-.12 1.547 1.547 0 0 0-.983-.172c-.338.053-.662.22-.949.44a2.135 2.135 0 0 0-.64.842c-.145.332-.218.699-.218 1.067s.072.739.206 1.088c.133.349.327.677.561.973s.508.564.805.802c-.31-.221-.6-.473-.854-.761s-.471-.611-.629-.965c-.159-.354-.257-.738-.279-1.131s.033-.793.173-1.167a2.42 2.42 0 0 1 .677-.995c.153-.128.319-.244.499-.34s.376-.171.582-.213c.206-.042.421-.05.632-.021s.414.093.603.183a2.66 2.66 0 0 1 .753.54c.036.036.072.074.107.113.029.033.056.063.085.1.165-.428.049-1.144.022-1.294-.087-.124-.211-.28-.351-.503a5.163 5.163 0 0 1-.336-.637 2.942 2.942 0 0 1-.245-1.197 3.793 3.793 0 0 1 .245-1.32c.262-1.14 1.517-2.26 1.517-2.26-1.762-.232-2.967 1.39-2.967 1.39l-.015-.008c-.125.138-.549.634-.588 1.029 0 0 .015-.71.192-1.206-.672-.214-1.464-.102-1.869-.018l.003.015c-.416.075-.796.235-1.133.436s-.631.444-.873.679a5.284 5.284 0 0 0-.758.912l-.013-.008C.537 7.386 0 10.023 0 10.023c.093-.417.51-.927.51-.927-.464.696-.371 3.895-.371 3.895 0-.51.278-1.113.278-1.113.093 1.066.556 4.498 3.57 7.094S9.551 21.8 9.551 21.8c-.603-.186-.742-.464-.742-.464 1.947.788 3.153.649 3.153.649-.325-.185-.371-.325-.371-.325 2.087.093 4.869-.65 5.518-1.113s1.206-1.391 1.206-1.391c1.669-.788 2.828-2.411 3.153-3.246s0-1.716 0-1.716 0-.046.788-1.808 0-4.266 0-4.266zM2.785 4.17c.196-.117.407-.223.632-.311-.893-.744-.823-1.723-.823-1.723-.893.862-1.111 2.318-1.157 3.198l.038-.045c.302-.348.743-.78 1.31-1.12z"></path>
</svg>
);
export const Safari = () => (
<svg style={iconStyle} viewBox="0 0 22.59200096130371 25.0989990234375">
<path d="M11.297 2.507c-.464 0-.92.029-1.369.083a.882.882 0 0 0-.148-.303c.238-.243.382-.563.382-.915C10.162.614 9.491 0 8.663 0S7.164.614 7.164 1.372c0 .607.431 1.122 1.029 1.303a.869.869 0 0 0-.004.265C3.461 4.29 0 8.642 0 13.803c0 6.239 5.057 11.296 11.296 11.296s11.296-5.057 11.296-11.296c0-6.239-5.058-11.296-11.296-11.296zM7.52 1.372c0-.578.512-1.046 1.143-1.046s1.143.468 1.143 1.046a.994.994 0 0 1-.28.686.89.89 0 0 0-1.22.308c-.456-.137-.786-.53-.786-.994zm3.777 21.949c-5.257 0-9.518-4.261-9.518-9.518s4.261-9.518 9.518-9.518 9.518 4.261 9.518 9.518a9.518 9.518 0 0 1-9.518 9.518zm6.643-5.494l.621.395a8.465 8.465 0 0 0 1.238-4.419c0-.571-.056-1.128-.164-1.667l-.673.15c-.085.019-.169-.033-.187-.115s.036-.164.121-.183l.674-.15a8.515 8.515 0 0 0-3.513-5.081l-.439.69c-.046.072-.141.094-.212.049s-.091-.14-.046-.213l.44-.692A8.457 8.457 0 0 0 11.296 5.3c-.544 0-1.076.052-1.591.149l.175.787c.019.084-.033.167-.115.186s-.164-.035-.183-.119l-.176-.791a8.51 8.51 0 0 0-5.151 3.524l.697.443c.073.046.096.142.051.213s-.141.091-.214.044l-.7-.445a8.506 8.506 0 0 0-1.133 6.166l.811-.181c.085-.019.168.032.187.115s-.036.164-.12.183l-.813.181a8.51 8.51 0 0 0 3.593 5.142l.498-.783c.046-.072.141-.094.212-.049s.091.14.045.213l-.498.783a8.46 8.46 0 0 0 4.426 1.242c.593 0 1.172-.061 1.731-.176l-.179-.802c-.019-.084.033-.167.115-.186s.164.035.183.119l.178.8a8.513 8.513 0 0 0 5.072-3.581l-.621-.395c-.073-.046-.096-.142-.051-.213s.141-.091.214-.044zm-10.064-6.41l1.553.566c.223-.229.489-.418.784-.553V8.281l1.363 2.928c.107.011.212.029.315.053l-.228.214a2.354 2.354 0 0 0-2.591 3.092l-.165.275a.02.02 0 0 0-.004-.008H5.794l2.917-1.358c.041-.333.145-.646.299-.928l-1.133-1.133zm-1.677 8.601l4.192-6.968 5.874-5.509-4.192 6.968-.03.028-5.844 5.481zm8.659-4.007l-1.522-.582a2.62 2.62 0 0 1-.739.635l.039-.006-.051 3.25-1.294-2.896c-.224 0-.442-.03-.65-.083l.225-.211a2.354 2.354 0 0 0 2.555-3.328l.153-.255.009.015 3.183.05-2.864 1.279a2.6 2.6 0 0 1-.202.939l1.157 1.194zm-3.588-2.937a.728.728 0 1 0 .064 1.454.728.728 0 0 0-.064-1.454z"></path>
</svg>
);
export const Edge = () => (
<svg style={iconStyle} viewBox="0 0 1654 1790.666748046875">
<path d="M0 795h1q16-126 58.5-241.5t115-217 167.5-176T565.5 43 842 0q231 0 414 105.5T1550 409q104 187 104 442v188H529q1 111 53.5 192.5T719 1354t189.5 57 213 3 208-46.5T1503 1283v377q-92 55-229.5 92T961 1790t-316-53q-189-73-311.5-249T209 1116q-3-242 111-412t325-268q-48 60-78 125.5T521 721h635q8-77-8-140t-47-101.5-70.5-66.5-80.5-41-75-20.5-56-8.5l-22-1q-135 5-259.5 44.5T314 491 138 631.5 0 795z"></path>
</svg>
);
export const Github = () => (
<svg style={iconStyle} viewBox="0 0 22.436996459960938 21.97500228881836">
<path d="M11.219 0C5.023 0 0 5.023 0 11.219c0 4.957 3.214 9.162 7.673 10.645.561.103.766-.244.766-.54 0-.267-.01-1.152-.016-2.088-3.12.678-3.779-1.323-3.779-1.323-.511-1.296-1.246-1.641-1.246-1.641-1.02-.696.077-.682.077-.682 1.126.078 1.72 1.156 1.72 1.156 1.001 1.715 2.627 1.219 3.265.931.102-.723.392-1.219.712-1.498-2.49-.283-5.11-1.246-5.11-5.545 0-1.226.438-2.225 1.154-3.011-.114-.285-.501-1.426.111-2.97 0 0 .941-.301 3.085 1.15.894-.25 1.854-.373 2.807-.377.953.004 1.913.129 2.809.379 2.14-1.453 3.083-1.15 3.083-1.15.613 1.545.227 2.685.112 2.969.719.785 1.153 1.785 1.153 3.011 0 4.31-2.624 5.259-5.123 5.537.404.348.761 1.03.761 2.076 0 1.5-.015 2.709-.015 3.079 0 .299.204.648.772.538 4.455-1.486 7.666-5.69 7.666-10.645 0-6.195-5.023-11.219-11.219-11.219z"></path>
</svg>
);
export const ReactJs = () => (
<svg style={iconStyle} viewBox="0 0 26.18000030517578 23.37900161743164">
<path d="M15.482 11.677a2.392 2.392 0 1 1-4.784 0 2.392 2.392 0 0 1 4.784 0z"></path>
<path d="M13.09 20.473c1.878 1.826 3.729 2.906 5.221 2.906.489 0 .952-.103 1.337-.334 1.337-.772 1.826-2.701 1.363-5.453-.077-.489-.18-.977-.309-1.492.514-.154.977-.309 1.44-.463 2.598-1.003 4.038-2.392 4.038-3.909 0-1.543-1.44-2.932-4.038-3.909-.463-.18-.926-.334-1.44-.463.129-.514.232-1.003.309-1.492.437-2.803-.051-4.758-1.389-5.53C19.236.103 18.773 0 18.285 0c-1.466 0-3.344 1.08-5.221 2.906C11.212 1.08 9.36 0 7.869 0c-.489 0-.952.103-1.337.334-1.337.772-1.826 2.701-1.363 5.453.077.489.18.977.309 1.492-.514.154-.977.309-1.44.463C1.44 8.745 0 10.134 0 11.651c0 1.543 1.44 2.932 4.038 3.909.463.18.926.334 1.44.463a16.882 16.882 0 0 0-.309 1.492c-.437 2.752.051 4.707 1.363 5.453.386.232.849.334 1.337.334 1.492.051 3.344-1.029 5.221-2.829zm-1.441-3.472c.463.026.952.026 1.44.026s.977 0 1.44-.026a24.523 24.523 0 0 1-1.44 1.723 24.252 24.252 0 0 1-1.44-1.723zM8.46 14.352c.257.437.489.849.772 1.26a27.786 27.786 0 0 1-2.263-.386c.232-.694.489-1.415.797-2.135.206.411.437.849.694 1.26zM6.968 8.153c.72-.154 1.466-.283 2.263-.386-.257.412-.514.823-.772 1.26s-.489.849-.694 1.286a17.109 17.109 0 0 1-.797-2.161zm1.415 3.524c.334-.694.694-1.389 1.106-2.083.386-.669.823-1.337 1.26-2.006a35.293 35.293 0 0 1 4.682 0c.463.669.874 1.337 1.26 2.006.412.694.772 1.389 1.106 2.083a26.922 26.922 0 0 1-1.106 2.083c-.386.669-.823 1.337-1.26 2.006a35.293 35.293 0 0 1-4.682 0 28.695 28.695 0 0 1-1.26-2.006 27.106 27.106 0 0 1-1.106-2.083zm10.057-1.389l-.694-1.286c-.257-.437-.489-.849-.772-1.26.797.103 1.543.232 2.263.386-.231.72-.489 1.44-.797 2.161zm0 2.778c.309.72.566 1.44.797 2.135-.72.154-1.466.283-2.263.386.257-.412.514-.823.772-1.26.232-.386.463-.823.694-1.26zm.591 8.925c-.206.129-.463.18-.746.18-1.26 0-2.829-1.029-4.372-2.572a26.868 26.868 0 0 0 2.186-2.701 23.619 23.619 0 0 0 3.447-.54c.129.463.206.926.283 1.389.36 2.186.077 3.755-.797 4.244zm1.338-13.555c2.881.823 4.604 2.083 4.604 3.241 0 1.003-1.183 2.006-3.266 2.804-.412.154-.874.309-1.337.437a27.01 27.01 0 0 0-1.26-3.241c.514-1.106.952-2.186 1.26-3.241zm-2.058-7.253c.283 0 .514.051.746.18.849.489 1.157 2.032.797 4.244-.077.437-.18.9-.283 1.389a33.072 33.072 0 0 0-3.447-.54 23.774 23.774 0 0 0-2.186-2.701c1.543-1.518 3.112-2.572 4.372-2.572zm-3.781 5.17c-.463-.026-.952-.026-1.44-.026s-.977 0-1.44.026c.463-.617.952-1.183 1.44-1.723.489.54.977 1.132 1.44 1.723zm-7.382-4.99c.206-.129.463-.18.746-.18 1.26 0 2.829 1.029 4.372 2.572a26.756 26.756 0 0 0-2.186 2.701 23.619 23.619 0 0 0-3.447.54c-.129-.463-.206-.926-.283-1.389-.36-2.186-.077-3.729.797-4.244zM5.811 14.918c-2.881-.823-4.604-2.083-4.604-3.241 0-1.003 1.183-2.006 3.266-2.803.412-.154.874-.309 1.337-.437a27.01 27.01 0 0 0 1.26 3.241c-.514 1.106-.952 2.212-1.26 3.241zm.54 2.829c.077-.437.18-.9.283-1.389 1.08.232 2.238.412 3.447.54a23.774 23.774 0 0 0 2.186 2.701c-1.543 1.517-3.112 2.572-4.372 2.572-.283 0-.514-.051-.746-.18-.875-.489-1.157-2.058-.797-4.244z"></path>
</svg>
);
export const Android = () => (
<svg style={iconStyle} viewBox="0 0 26.013999938964844 30.687000274658203">
<path d="M3.809 19.365c0 1.23-.857 2.237-1.904 2.237S0 20.596 0 19.365v-7.321c0-1.23.857-2.237 1.905-2.237s1.904 1.007 1.904 2.237v7.321zm22.205 0c0 1.23-.857 2.237-1.905 2.237s-1.905-1.006-1.905-2.237v-7.321c0-1.23.857-2.237 1.905-2.237s1.905 1.007 1.905 2.237v7.321zM17.171 2.731L18.393.538c.1-.179.07-.388-.065-.463s-.329.009-.428.188l-1.25 2.244a10.06 10.06 0 0 0-3.684-.684c-1.33 0-2.588.25-3.71.695L8 .264C7.9.085 7.707 0 7.572.076s-.165.284-.065.463l1.228 2.204c-2.555 1.2-4.276 3.453-4.276 6.035 0 .262.019.521.053.776h16.909c.035-.255.053-.513.053-.776 0-2.59-1.732-4.849-4.301-6.046zM9.104 6.559a.744.744 0 1 1 0-1.488.744.744 0 0 1 0 1.488zm7.764 0a.744.744 0 1 1 0-1.488.744.744 0 0 1 0 1.488zM4.457 10.293v12.471h.007c.087 1.053 1.056 1.89 2.23 1.89h12.541c1.173 0 2.142-.837 2.23-1.89h.007V10.293H4.458zm7.29 14.299v3.858c0 1.23-.857 2.237-1.905 2.237S7.938 29.68 7.938 28.45v-3.855zm6.348-.002v3.86c0 1.23-.857 2.237-1.905 2.237s-1.905-1.007-1.905-2.237v-3.86z"></path>
</svg>
);
export const Apple = () => (
<svg style={iconStyle} viewBox="0 0 22.14200210571289 25.78900146484375">
<path d="M18.69 13.671c-.033-3.259 2.657-4.822 2.777-4.901-1.512-2.211-3.867-2.514-4.705-2.548-2.002-.204-3.91 1.18-4.926 1.18-1.014 0-2.583-1.15-4.244-1.121-2.185.033-4.199 1.271-5.323 3.227C0 13.444 1.689 19.277 3.9 22.471c1.081 1.561 2.37 3.318 4.061 3.254 1.63-.064 2.245-1.055 4.215-1.055s2.524 1.055 4.248 1.021c1.753-.032 2.864-1.591 3.936-3.159 1.24-1.814 1.751-3.57 1.782-3.659-.038-.017-3.416-1.312-3.451-5.202zm-3.24-9.563c.897-1.089 1.504-2.602 1.34-4.108-1.294.053-2.861.86-3.79 1.948-.832.965-1.561 2.502-1.365 3.981 1.444.112 2.916-.734 3.816-1.821z"></path>
</svg>
);
export const Ubuntu = () => (
<svg style={iconStyle} viewBox="0 0 22.625999450683594 22.626001358032227">
<path d="M11.313 0C5.065 0 0 5.065 0 11.313s5.065 11.313 11.313 11.313 11.313-5.065 11.313-11.313S17.561 0 11.313 0zm2.538 3.896a1.511 1.511 0 1 1 2.618 1.511 1.512 1.512 0 0 1-2.619-1.511zm-2.538.855c.608 0 1.195.084 1.753.238.098.607.459 1.166 1.033 1.498s1.237.364 1.811.147a6.54 6.54 0 0 1 1.95 4.256l-2.152.032a4.412 4.412 0 0 0-6.252-3.611L8.406 5.43a6.538 6.538 0 0 1 2.908-.679zM3.62 12.823a1.51 1.51 0 1 1-.002-3.02 1.51 1.51 0 0 1 .002 3.02zm1.339.135c.477-.389.782-.981.782-1.645s-.305-1.256-.782-1.645a6.577 6.577 0 0 1 2.713-3.814l1.104 1.85C7.641 8.503 6.9 9.821 6.9 11.314s.741 2.811 1.876 3.609l-1.104 1.85a6.568 6.568 0 0 1-2.713-3.815zm10.956 6.324a1.51 1.51 0 1 1-1.509-2.614 1.51 1.51 0 0 1 1.508 2.614zm-.005-3.291a2.12 2.12 0 0 0-2.844 1.645 6.542 6.542 0 0 1-4.661-.441l1.05-1.881a4.411 4.411 0 0 0 6.252-3.611l2.153.032a6.54 6.54 0 0 1-1.95 4.256z"></path>
</svg>
);
export const Windows = () => (
<svg style={iconStyle} viewBox="0 0 22.433998107910156 22.999000549316406">
<path d="M9.038 10.975H0V3.228l9.038-1.291zm13.396 0H10.249V1.777L22.434 0zM9.038 12.024H0v7.747l9.038 1.291zm13.396 0H10.249v9.198l12.185 1.777z"></path>
</svg>
);
export const AWS = () => (
<svg style={iconStyle} fill="white" viewBox="0 0 40 40">
<path d="M14.29,19.84a7.1,7.1,0,0,1-.3-.67,3.08,3.08,0,0,1-.1-.83h0v-3A3.09,3.09,0,0,0,13.1,13a3.41,3.41,0,0,0-2.44-.76,5.65,5.65,0,0,0-1.45.18A5.22,5.22,0,0,0,8,12.87a.73.73,0,0,0-.26.2.62.62,0,0,0-.06.32v.46c0,.19.06.29.19.29l.15,0L8.38,14a8.32,8.32,0,0,1,1-.32,4.49,4.49,0,0,1,1-.12,2.14,2.14,0,0,1,1.52.43,2.06,2.06,0,0,1,.43,1.49v.68c-.37-.09-.72-.16-1.07-.21a8.52,8.52,0,0,0-1-.07A3.34,3.34,0,0,0,8,16.6a2.37,2.37,0,0,0-.85,1.91,2.37,2.37,0,0,0,.69,1.79A2.53,2.53,0,0,0,9.71,21a3.46,3.46,0,0,0,2.74-1.28,5.51,5.51,0,0,0,.29.55,2.6,2.6,0,0,0,.33.43.4.4,0,0,0,.28.13.38.38,0,0,0,.24-.08l.59-.39a.32.32,0,0,0,.11-.49Zm-1.93-2.26a3.12,3.12,0,0,1-.09.81A1.52,1.52,0,0,1,12,19a2.17,2.17,0,0,1-.88.6,3.06,3.06,0,0,1-1,.16,1.38,1.38,0,0,1-.87-2.4A2.18,2.18,0,0,1,10.63,17c.29,0,.58,0,.88.05s.58.1.85.16ZM17,20.3a.78.78,0,0,0,.19.37.58.58,0,0,0,.36.09h.8a.59.59,0,0,0,.37-.09.74.74,0,0,0,.18-.38l1.43-6,1.45,6a.61.61,0,0,0,.17.37.56.56,0,0,0,.38.1h.8a.56.56,0,0,0,.35-.1.72.72,0,0,0,.2-.36L26,13.11a.65.65,0,0,0,.06-.23.89.89,0,0,0,0-.15.2.2,0,0,0-.23-.23h-.87a.68.68,0,0,0-.36.09.84.84,0,0,0-.18.36l-1.62,6.24L21.31,13a.64.64,0,0,0-.17-.36.62.62,0,0,0-.38-.09H20a.47.47,0,0,0-.55.45L18,19.12,16.45,13a.8.8,0,0,0-.18-.36.57.57,0,0,0-.37-.09H15c-.15,0-.22.08-.22.23a1.28,1.28,0,0,0,.08.37Zm10,.17a4.07,4.07,0,0,0,1.07.37,6.28,6.28,0,0,0,1.43.17,4.48,4.48,0,0,0,1.34-.2,2.86,2.86,0,0,0,1-.52,2.45,2.45,0,0,0,.68-.82,2.35,2.35,0,0,0,.24-1.08,2.09,2.09,0,0,0-.43-1.3A2.81,2.81,0,0,0,31,16.2l-1.32-.42a2.76,2.76,0,0,1-1-.52.89.89,0,0,1-.28-.66.91.91,0,0,1,.44-.83A2.49,2.49,0,0,1,30,13.51a4.15,4.15,0,0,1,1.79.37,1.08,1.08,0,0,0,.35.11c.14,0,.22-.1.22-.3v-.44a.45.45,0,0,0-.09-.3.76.76,0,0,0-.28-.24,2.6,2.6,0,0,0-.39-.17c-.17,0-.34-.1-.53-.14l-.6-.11-.63,0a4.08,4.08,0,0,0-1.17.15,3.05,3.05,0,0,0-1,.49,2.33,2.33,0,0,0-.67.76,2.05,2.05,0,0,0-.25,1,2.27,2.27,0,0,0,.46,1.35,2.88,2.88,0,0,0,1.49.95l1.35.42a2.12,2.12,0,0,1,.94.48.91.91,0,0,1,.26.65,1,1,0,0,1-.49.89,2.56,2.56,0,0,1-1.36.3,5.29,5.29,0,0,1-1.11-.11,4.85,4.85,0,0,1-1-.32l-.23-.1-.17,0c-.14,0-.22.1-.22.29V20a.62.62,0,0,0,.06.26A.69.69,0,0,0,27.05,20.47Zm3.82,4.36A27.71,27.71,0,0,1,20.3,27,28,28,0,0,1,6.44,23.31c-.34-.2-.6.15-.32.41A20.52,20.52,0,0,0,20,29a20.08,20.08,0,0,0,11.34-3.46C31.82,25.16,31.38,24.6,30.87,24.83Zm3-1.75c-.33-.41-3.21-.77-5,.46-.27.2-.22.46.07.42,1-.12,3.2-.38,3.59.12s-.44,2.57-.81,3.5c-.11.27.13.39.38.17C33.8,26.37,34.23,23.5,33.89,23.08Z" />
</svg>
);
export const Okta = () => (
<svg
style={iconStyle}
enable-background="new 0 0 24 24"
viewBox="0 0 24 24"
fill="white"
>
<path d="M12,2L12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10C22,6.5,17.5,2,12,2z M17,12c0,2.8-2.2,5-5,5c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5C14.8,7,17,9.2,17,12L17,12z" />
</svg>
);
export const SendGrid = () => (
<svg
style={iconStyle}
viewBox="0 0 256 256"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
// @ts-ignore
xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid"
>
<g>
<polygon
fill="#9DE1F3"
points="85.3335 85.333 0.0005 85.333 0.0005 170.666 0.0005 256 85.3335 256 170.6665 256 170.6665 170.666 170.6665 85.333"
></polygon>
<polygon
fill="#27B4E1"
points="85.3335 0.0004 85.3335 85.3334 85.3335 170.6664 170.6665 170.6664 255.9995 170.6664 255.9995 0.0004"
></polygon>
<polygon
fill="#1A82E2"
points="0 256 85.333 256 85.333 170.667 0 170.667"
></polygon>
<polygon
fill="#1A82E2"
points="170.667 85.333 256 85.333 256 0 170.667 0"
></polygon>
<polygon
fill="#239FD7"
points="85.334 170.667 170.667 170.667 170.667 85.334 85.334 85.334"
></polygon>
</g>
</svg>
);
export const Twillo = () => (
<svg
style={iconStyle}
fill="#F22F46"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 30 30"
>
<path d="M15 0C6.7 0 0 6.7 0 15s6.7 15 15 15 15-6.7 15-15S23.3 0 15 0zm0 26C8.9 26 4 21.1 4 15S8.9 4 15 4s11 4.9 11 11-4.9 11-11 11zm6.8-14.7c0 1.7-1.4 3.1-3.1 3.1s-3.1-1.4-3.1-3.1 1.4-3.1 3.1-3.1 3.1 1.4 3.1 3.1zm0 7.4c0 1.7-1.4 3.1-3.1 3.1s-3.1-1.4-3.1-3.1c0-1.7 1.4-3.1 3.1-3.1s3.1 1.4 3.1 3.1zm-7.4 0c0 1.7-1.4 3.1-3.1 3.1s-3.1-1.4-3.1-3.1c0-1.7 1.4-3.1 3.1-3.1s3.1 1.4 3.1 3.1zm0-7.4c0 1.7-1.4 3.1-3.1 3.1S8.2 13 8.2 11.3s1.4-3.1 3.1-3.1 3.1 1.4 3.1 3.1z" />
</svg>
);
export const PointMarker = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M -0 -9.52 C -2.88 -6.64 -5.76 -3.76 -8.64 -0.88 C -5.76 3.92 -2.88 8.72 -0 13.52 C 2.88 8.72 5.76 3.92 8.64 -0.88 C 5.76 -3.76 2.88 -6.64 -0 -9.52 Z"
fill="#40D3F4"
stroke="#4C86FF"
strokeWidth="1.5"
/>
</svg>
);