CoCalc -- google-palm-avatar.tsx

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
Path: blob/master/src/packages/frontend/components/google-palm-avatar.tsx
Views: ⁶⁸⁷
1
import { CSSProperties } from "react";
2

3
// I copied this straight from the openai website html, and modified it for react.
4
interface Props {
5
  size?;
6
  backgroundColor?;
7
  style?: CSSProperties;
8
  innerStyle?: CSSProperties;
9
}
10

11
export default function GooglePalmLogo({
12
  size,
13
  innerStyle,
14
  backgroundColor = "transparent",
15
  style,
16
}: Props) {
17
  return (
18
    <div
19
      style={{
20
        width: size,
21
        height: size,
22
        display: "inline-block",
23
        position: "relative",
24
        ...style,
25
      }}
26
    >
27
      <div
28
        style={{
29
          position: "absolute",
30
          backgroundColor,
31
          color: "white",
32
          height: size,
33
          top: "5px",
34
          ...innerStyle,
35
        }}
36
      >
37
        <svg
38
          version="1.1"
39
          id="Standard_product_icon__x28_1:1_x29_"
40
          xmlns="http://www.w3.org/2000/svg"
41
          x="0px"
42
          y="0px"
43
          width={size}
44
          height={size}
45
          viewBox="0 0 192 192"
46
          enableBackground="new 0 0 192 192"
47
        >
48
          <symbol
49
            id="material_x5F_product_x5F_standard_x5F_icon_x5F_keylines_00000077318920148093339210000006245950728745084294_"
50
            viewBox="-96 -96 192 192"
51
          >
52
            <g opacity="0.4">
53
              <defs>
54
                <path id="SVGID_1_" opacity="0.4" d="M-96,96V-96H96V96H-96z" />
55
              </defs>
56
              <g clipPath="url(#SVGID_00000071517564283228984050000017848131202901217410_)">
57
                <g>
58
                  <path d="M95.75,95.75v-191.5h-191.5v191.5H95.75 M96,96H-96V-96H96V96L96,96z" />
59
                </g>
60
                <circle
61
                  fill="none"
62
                  stroke="#000000"
63
                  strokeWidth="0.25"
64
                  strokeMiterlimit="10"
65
                  cx="0"
66
                  cy="0"
67
                  r="64"
68
                />
69
              </g>
70

71
              <circle
72
                clipPath="url(#SVGID_00000071517564283228984050000017848131202901217410_)"
73
                fill="none"
74
                stroke="#000000"
75
                strokeWidth="0.25"
76
                strokeMiterlimit="10"
77
                cx="0"
78
                cy="0"
79
                r="88"
80
              />
81

82
              <path
83
                clipPath="url(#SVGID_00000071517564283228984050000017848131202901217410_)"
84
                fill="none"
85
                stroke="#000000"
86
                strokeWidth="0.25"
87
                strokeMiterlimit="10"
88
                d="
89
			M64,76H-64c-6.6,0-12-5.4-12-12V-64c0-6.6,5.4-12,12-12H64c6.6,0,12,5.4,12,12V64C76,70.6,70.6,76,64,76z"
90
              />
91

92
              <path
93
                clipPath="url(#SVGID_00000071517564283228984050000017848131202901217410_)"
94
                fill="none"
95
                stroke="#000000"
96
                strokeWidth="0.25"
97
                strokeMiterlimit="10"
98
                d="
99
			M52,88H-52c-6.6,0-12-5.4-12-12V-76c0-6.6,5.4-12,12-12H52c6.6,0,12,5.4,12,12V76C64,82.6,58.6,88,52,88z"
100
              />
101

102
              <path
103
                clipPath="url(#SVGID_00000071517564283228984050000017848131202901217410_)"
104
                fill="none"
105
                stroke="#000000"
106
                strokeWidth="0.25"
107
                strokeMiterlimit="10"
108
                d="
109
			M76,64H-76c-6.6,0-12-5.4-12-12V-52c0-6.6,5.4-12,12-12H76c6.6,0,12,5.4,12,12V52C88,58.6,82.6,64,76,64z"
110
              />
111
            </g>
112
          </symbol>
113
          <rect
114
            id="bounding_box_1_"
115
            display="none"
116
            fill="none"
117
            width="192"
118
            height="192"
119
          />
120
          <g id="art_layer">
121
            <g>
122
              <path
123
                fill="#F9AB00"
124
                d="M96,181.92L96,181.92c6.63,0,12-5.37,12-12v-104H84v104C84,176.55,89.37,181.92,96,181.92z"
125
              />
126
              <g>
127
                <path
128
                  fill="#5BB974"
129
                  d="M143.81,103.87C130.87,90.94,111.54,88.32,96,96l51.37,51.37c2.12,2.12,5.77,1.28,6.67-1.57
130
				C158.56,131.49,155.15,115.22,143.81,103.87z"
131
                />
132
              </g>
133
              <g>
134
                <path
135
                  fill="#129EAF"
136
                  d="M48.19,103.87C61.13,90.94,80.46,88.32,96,96l-51.37,51.37c-2.12,2.12-5.77,1.28-6.67-1.57
137
				C33.44,131.49,36.85,115.22,48.19,103.87z"
138
                />
139
              </g>
140
              <g>
141
                <path
142
                  fill="#AF5CF7"
143
                  d="M140,64c-20.44,0-37.79,13.4-44,32h81.24c3.33,0,5.55-3.52,4.04-6.49C173.56,74.36,157.98,64,140,64z"
144
                />
145
              </g>
146
              <g>
147
                <path
148
                  fill="#FF8BCB"
149
                  d="M104.49,42.26C90.03,56.72,87.24,78.45,96,96l57.45-57.45c2.36-2.36,1.44-6.42-1.73-7.45
150
				C135.54,25.85,117.2,29.55,104.49,42.26z"
151
                />
152
              </g>
153
              <g>
154
                <path
155
                  fill="#FA7B17"
156
                  d="M87.51,42.26C101.97,56.72,104.76,78.45,96,96L38.55,38.55c-2.36-2.36-1.44-6.42,1.73-7.45
157
				C56.46,25.85,74.8,29.55,87.51,42.26z"
158
                />
159
              </g>
160
              <g>
161
                <g>
162
                  <path
163
                    fill="#4285F4"
164
                    d="M52,64c20.44,0,37.79,13.4,44,32H14.76c-3.33,0-5.55-3.52-4.04-6.49C18.44,74.36,34.02,64,52,64z"
165
                  />
166
                </g>
167
              </g>
168
            </g>
169
          </g>
170
          <g id="keylines" display="none">
171
            <use
172
              width="192"
173
              height="192"
174
              id="material_x5F_product_x5F_standard_x5F_icon_x5F_keylines"
175
              x="-96"
176
              y="-96"
177
              transform="matrix(1 0 0 -1 96 96)"
178
              display="inline"
179
              overflow="visible"
180
            />
181
          </g>
182
        </svg>
183
      </div>
184
    </div>
185
  );
186
}
187

188
Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

Product

Resources

Company

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more, all in one place.

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.
