import * as React from 'react' ; import { colors } from '../../styles/variables' ; export interface BrandIconProps extends React . SVGProps < SVGSVGElement > { background ? : string ; } export const BrandIcon = ( { width , height , fill , background , ... rest } ) => ( < svg width = { width } height = { height } viewBox = "0 0 400 400" fill = { background } xmlns = "http://www.w3.org/2000/svg" { ... rest } > < path d = "M159.092 306.136H196.912V233.161H198.066C203.304 244.524 214.756 257.219 236.773 257.219C267.846 257.219 292.082 232.628 292.082 186.996C292.082 140.121 266.781 116.861 236.862 116.861C214.046 116.861 203.126 130.444 198.066 141.541H196.379V118.636H159.092V306.136ZM196.113 186.818C196.113 162.493 206.411 146.957 224.788 146.957C243.521 146.957 253.464 163.203 253.464 186.818C253.464 210.611 243.343 227.124 224.788 227.124C206.589 227.124 196.113 211.143 196.113 186.818Z" fill = { fill } / > < path d = "M320.651 257.308C332.015 257.308 341.869 247.809 341.958 236.001C341.869 224.371 332.015 214.872 320.651 214.872C308.933 214.872 299.256 224.371 299.344 236.001C299.256 247.809 308.933 257.308 320.651 257.308Z" fill = { fill } / > < path d = "M0 226H144V255H0V226Z" fill = { fill } / > < /svg>); BrandIcon . defaultProps = { width : 400 , height : 400 , fill : colors . foreground , background : 'none' , } ; export interface WordmarkWithTaglineProps extends React . SVGProps < SVGSVGElement > { background ? : string ; } export const WordmarkWithTagline = ( { width , height , fill , background , ... rest } ) => ( < svg width = { width } height = { height } viewBox = "0 0 840 400" fill = { background } xmlns = "http://www.w3.org/2000/svg" { ... rest } > < path d = "M166.926 259.455H191.932V217.267H192.443C195.614 224.528 202.67 231.125 214.534 231.125C231.92 231.125 245.932 217.523 245.932 190.778C245.932 163.062 231.102 150.432 214.688 150.432C202.261 150.432 195.46 157.693 192.443 164.903H191.676V151.455H166.926V259.455ZM191.42 190.727C191.42 177.892 196.739 169.966 205.892 169.966C215.148 169.966 220.261 178.097 220.261 190.727C220.261 203.409 215.148 211.642 205.892 211.642C196.739 211.642 191.42 203.46 191.42 190.727ZM259.036 230H284.041V151.455H259.036V230ZM271.564 142.301C278.672 142.301 284.399 136.932 284.399 130.335C284.399 123.739 278.672 118.42 271.564 118.42C264.507 118.42 258.729 123.739 258.729 130.335C258.729 136.932 264.507 142.301 271.564 142.301ZM324.963 185.205C325.014 176.256 330.23 170.938 338.156 170.938C346.082 170.938 350.787 176.153 350.736 184.847V230H375.741V179.938C375.793 162.244 365.003 150.432 348.486 150.432C336.878 150.432 328.082 156.312 324.605 165.875H323.736V151.455H299.957V230H324.963V185.205ZM391.223 151.455V232.455C391.223 237.67 388.922 240.176 382.07 240.176C381.098 240.176 380.229 240.125 379.001 240.023V258.943C380.945 259.148 382.274 259.097 383.604 259.148C403.649 259.761 416.229 252.398 416.229 232.966V151.455H391.223ZM403.7 142.301C410.808 142.301 416.536 136.932 416.536 130.335C416.536 123.739 410.808 118.42 403.7 118.42C396.643 118.42 390.865 123.739 390.865 130.335C390.865 136.932 396.643 142.301 403.7 142.301ZM468.81 231.483C493.509 231.483 508.491 215.17 508.491 190.983C508.491 166.744 493.509 150.432 468.81 150.432C444.111 150.432 429.128 166.744 429.128 190.983C429.128 215.17 444.111 231.483 468.81 231.483ZM468.963 212.614C459.707 212.614 454.594 203.818 454.594 190.83C454.594 177.79 459.707 168.943 468.963 168.943C477.912 168.943 483.026 177.79 483.026 190.83C483.026 203.818 477.912 212.614 468.963 212.614ZM546.307 125.273H521.301V230H546.307V125.273ZM587.229 125.273H562.223V230H587.229V125.273ZM603.145 230H628.151V151.455H603.145V230ZM615.673 142.301C622.781 142.301 628.509 136.932 628.509 130.335C628.509 123.739 622.781 118.42 615.673 118.42C608.616 118.42 602.838 123.739 602.838 130.335C602.838 136.932 608.616 142.301 615.673 142.301ZM712.641 175.438C711.311 159.892 698.578 150.432 677.305 150.432C656.033 150.432 642.482 159.688 642.584 175.438C642.482 187.506 650.203 195.278 665.902 198.193L679.607 200.801C686.101 202.08 689.067 204.125 689.169 207.602C689.067 211.54 684.669 214.148 678.277 214.148C671.169 214.148 666.362 211.08 665.288 205.352L640.589 205.966C642.379 221.511 655.726 231.483 678.175 231.483C699.192 231.483 714.482 221 714.584 204.841C714.482 193.386 706.913 186.585 691.266 183.568L676.129 180.705C669.482 179.375 667.334 177.023 667.385 174.006C667.334 170.017 671.987 167.562 677.766 167.562C684.362 167.562 688.964 171.091 689.68 176.051L712.641 175.438ZM771.23 151.455H757.065V132.636H732.06V151.455H721.679V169.864H732.06V208.062C731.906 223.966 742.236 231.943 759.878 231.125C765.912 230.818 770.259 229.591 772.662 228.875L768.878 210.824C767.804 211.08 765.298 211.591 763.406 211.591C759.366 211.591 757.065 209.955 757.065 205.301V169.864H771.23V151.455ZM798.051 231.483C805.057 231.483 811.244 225.551 811.347 218.188C811.244 210.926 805.057 205.045 798.051 205.045C790.688 205.045 784.653 210.926 784.756 218.188C784.653 225.551 790.688 231.483 798.051 231.483Z" fill = { fill } / > < rect x = "19" y = "211" width = "140" height = "19" fill = { fill } / > < path d = "M162.835 288.955C162.835 295.398 164.574 300.767 167.693 305.318H170.352C167.898 301.943 165.955 295.04 165.955 288.955C165.955 282.869 167.898 275.966 170.352 272.591H167.693C164.574 277.142 162.835 282.511 162.835 288.955ZM174.216 307.364H179.662V296.855H179.828C180.583 298.491 182.232 300.32 185.402 300.32C189.877 300.32 193.367 296.778 193.367 290.207C193.367 283.457 189.723 280.108 185.415 280.108C182.13 280.108 180.557 282.064 179.828 283.662H179.586V280.364H174.216V307.364ZM179.547 290.182C179.547 286.679 181.03 284.442 183.676 284.442C186.374 284.442 187.806 286.781 187.806 290.182C187.806 293.608 186.348 295.986 183.676 295.986C181.056 295.986 179.547 293.685 179.547 290.182ZM196.998 300H202.444V280.364H196.998V300ZM199.733 277.832C201.357 277.832 202.686 276.592 202.686 275.071C202.686 273.562 201.357 272.322 199.733 272.322C198.123 272.322 196.793 273.562 196.793 275.071C196.793 276.592 198.123 277.832 199.733 277.832ZM212.252 288.648C212.265 286.116 213.773 284.634 215.972 284.634C218.158 284.634 219.475 286.065 219.462 288.469V300H224.908V287.497C224.908 282.92 222.224 280.108 218.133 280.108C215.218 280.108 213.109 281.54 212.227 283.828H211.996V280.364H206.806V300H212.252V288.648ZM229.201 280.364V300.818C229.201 302.301 228.574 303.043 226.823 303.043C226.593 303.043 226.388 303.043 226.107 303.017V307.274C226.529 307.3 226.823 307.3 227.117 307.3C231.834 307.428 234.647 305.459 234.647 300.908V280.364H229.201ZM231.911 277.832C233.534 277.832 234.864 276.592 234.864 275.071C234.864 273.562 233.534 272.322 231.911 272.322C230.3 272.322 228.971 273.562 228.971 275.071C228.971 276.592 230.3 277.832 231.911 277.832ZM245.376 300.46C248.802 300.46 250.592 298.619 251.205 297.341H251.359V300H254.376V287.062C254.376 280.824 249.62 280.108 247.114 280.108C244.148 280.108 240.773 281.131 239.239 284.71L242.103 285.733C242.768 284.301 244.34 282.767 247.217 282.767C249.991 282.767 251.359 284.237 251.359 286.756V286.858C251.359 288.315 249.876 288.188 246.296 288.648C242.653 289.121 238.677 289.926 238.677 294.426C238.677 298.261 241.643 300.46 245.376 300.46ZM245.836 297.75C243.433 297.75 241.694 296.676 241.694 294.58C241.694 292.278 243.79 291.562 246.143 291.256C247.421 291.102 250.847 290.744 251.359 290.131V292.892C251.359 295.347 249.415 297.75 245.836 297.75ZM259.882 300H262.9V287.727C262.9 284.851 264.996 282.818 267.348 282.818C269.637 282.818 271.235 284.314 271.235 286.551V300H274.303V287.216C274.303 284.685 275.888 282.818 278.65 282.818C280.797 282.818 282.638 283.956 282.638 286.858V300H285.655V286.858C285.655 282.243 283.175 280.108 279.672 280.108C276.86 280.108 274.801 281.399 273.792 283.432H273.587C272.615 281.335 270.902 280.108 268.32 280.108C265.763 280.108 263.871 281.335 263.053 283.432H262.797V280.364H259.882V300ZM296.95 300.46C300.376 300.46 302.166 298.619 302.779 297.341H302.933V300H305.95V287.062C305.95 280.824 301.194 280.108 298.689 280.108C295.723 280.108 292.348 281.131 290.814 284.71L293.677 285.733C294.342 284.301 295.914 282.767 298.791 282.767C301.565 282.767 302.933 284.237 302.933 286.756V286.858C302.933 288.315 301.45 288.188 297.87 288.648C294.227 289.121 290.251 289.926 290.251 294.426C290.251 298.261 293.217 300.46 296.95 300.46ZM297.41 297.75C295.007 297.75 293.268 296.676 293.268 294.58C293.268 292.278 295.365 291.562 297.717 291.256C298.995 291.102 302.422 290.744 302.933 290.131V292.892C302.933 295.347 300.99 297.75 297.41 297.75ZM314.474 288.188C314.474 284.761 316.596 282.818 319.485 282.818C322.285 282.818 323.985 284.646 323.985 287.727V300H327.002V287.523C327.002 282.511 324.33 280.108 320.354 280.108C317.388 280.108 315.548 281.438 314.627 283.432H314.371V280.364H311.457V300H314.474V288.188ZM350.924 300.384C356.882 300.384 360.589 296.305 360.589 290.259C360.589 284.173 356.882 280.108 350.924 280.108C344.967 280.108 341.26 284.173 341.26 290.259C341.26 296.305 344.967 300.384 350.924 300.384ZM350.95 296.165C348.201 296.165 346.795 293.646 346.795 290.22C346.795 286.794 348.201 284.263 350.95 284.263C353.647 284.263 355.054 286.794 355.054 290.22C355.054 293.646 353.647 296.165 350.95 296.165ZM367.735 288.188C367.735 284.761 369.858 282.818 372.747 282.818C375.547 282.818 377.247 284.646 377.247 287.727V300H380.264V287.523C380.264 282.511 377.592 280.108 373.616 280.108C370.65 280.108 368.809 281.438 367.889 283.432H367.633V280.364H364.718V300H367.735V288.188ZM390.635 273.818H385.189V300H390.635V273.818ZM395.586 300H398.603V280.364H395.586V300ZM397.12 277.091C398.296 277.091 399.267 276.17 399.267 275.045C399.267 273.92 398.296 273 397.12 273C395.944 273 394.972 273.92 394.972 275.045C394.972 276.17 395.944 277.091 397.12 277.091ZM407.146 288.188C407.146 284.761 409.268 282.818 412.157 282.818C414.957 282.818 416.657 284.646 416.657 287.727V300H419.674V287.523C419.674 282.511 417.002 280.108 413.026 280.108C410.06 280.108 408.219 281.438 407.299 283.432H407.043V280.364H404.129V300H407.146V288.188ZM433.42 300.409C437.409 300.409 440.324 298.415 441.244 295.449L438.329 294.631C437.562 296.676 435.785 297.699 433.42 297.699C429.879 297.699 427.437 295.411 427.297 291.205H441.551V289.926C441.551 282.614 437.204 280.108 433.113 280.108C427.795 280.108 424.267 284.301 424.267 290.335C424.267 296.369 427.744 300.409 433.42 300.409ZM427.297 288.597C427.501 285.541 429.662 282.818 433.113 282.818C436.386 282.818 438.483 285.273 438.483 288.597H427.297ZM461.123 273.818H455.677V300H461.123V273.818ZM465.486 300H470.932V280.364H465.486V300ZM468.222 277.832C469.845 277.832 471.175 276.592 471.175 275.071C471.175 273.562 469.845 272.322 468.222 272.322C466.611 272.322 465.281 273.562 465.281 275.071C465.281 276.592 466.611 277.832 468.222 277.832ZM491.632 285.963C491.147 282.345 488.232 280.108 483.272 280.108C478.248 280.108 474.936 282.435 474.949 286.219C474.936 289.159 476.79 291.064 480.625 291.831L484.026 292.509C485.739 292.854 486.519 293.48 486.544 294.464C486.519 295.628 485.253 296.459 483.348 296.459C481.405 296.459 480.114 295.628 479.782 294.03L474.425 294.311C474.936 298.07 478.132 300.384 483.336 300.384C488.424 300.384 492.067 297.788 492.08 293.915C492.067 291.077 490.213 289.376 486.404 288.597L482.85 287.881C481.022 287.484 480.344 286.858 480.357 285.912C480.344 284.736 481.674 283.969 483.361 283.969C485.253 283.969 486.378 285.004 486.647 286.27L491.632 285.963ZM505.954 280.364H502.259V275.659H496.813V280.364H494.129V284.455H496.813V294.682C496.788 298.53 499.408 300.435 503.359 300.268C504.765 300.217 505.762 299.936 506.312 299.757L505.455 295.705C505.187 295.756 504.612 295.884 504.1 295.884C503.013 295.884 502.259 295.474 502.259 293.966V284.455H505.954V280.364ZM516.533 288.955C516.533 282.511 514.794 277.142 511.675 272.591H509.016C511.47 275.966 513.413 282.869 513.413 288.955C513.413 295.04 511.47 301.943 509.016 305.318H511.675C514.794 300.767 516.533 295.398 516.533 288.955Z" fill = { fill } / > < path d = "M172.043 307.274H236.82V310.713H172.043V307.274ZM339.879 307.274H361.97V310.713H339.879V307.274ZM383.016 307.274H392.808V310.713H383.016V307.274ZM453.504 307.274H507.322V310.713H453.504V307.274Z" fill = { fill } / > < /svg>); WordmarkWithTagline . defaultProps = { fill : colors . foreground , background : 'none' , } ;