Planet JFX
Advertisement

That's an idea for a "JavaFX" logo and a "Planet JavaFX" logo.

JavaFX Logo - Island

As we all know, Java doesn't only stand for coffee or chocolate, it's also an island, where all this stuff is coming from. In the discussion of this article people mentioned, that coffee is a drug and it is perhaps better to get away from the coffee symbol. So here is an island concept with a palm and a hammock, on which the "FX" is hanging around.

JavaFX Logo JavaFX Logo JavaFX Logo

JavaFX Logo - Cup of Coffee

Some Information about the idea behind the logo

The logo shows a well know cup of coffee with a "j" on the liquid. The damp of the hot coffee shows a soft F and a X. So with this logo we have just a cup of coffee and the JFX letters are also included. The font used in the "Planet JavaFX" logo is Qlassik, free available under Font Qlassik

I was browsing through the JavaFX community and couldn't find a real JavaFX logo. So I am offering my idea on a JavaFX logo here:

JavaFX Logo JavaFX Logo JavaFX Logo

And in combination with the writing "Planet JavaFX" it looks like this:

planetJavaFX Logo planetJavaFX Logo planetJavaFX Logo

Code

This code has been created with the F3 SVG Browser (Java WebStart) by converting a SVG file, to JavaFX code.

import javafx.ui.UIElement;
import javafx.ui.*;
import javafx.ui.canvas.*;
    function <<FX>>() = [
        Group {
            content: [
                Path {
                    d: [
                        MoveTo {
                            x: 223.375
                            y: 89.527
                            absolute: true
                        },
                        CurveTo {
                            x1: 3.379
                            y1: -6.007
                            x2: -23.944
                            y2: 25.097
                            x3: -67.347
                            y3: 31.187
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 2.669
                            y1: -22.474
                            x2: 9.773
                            y2: -40.287
                            x3: 21.965
                            y3: -52.099
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 17.304
                            y1: -16.764
                            x2: 32.009
                            y2: -10.646
                            x3: 39.498
                            y3: 7.756
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 3.094
                            y1: -20.737
                            x2: -0.02
                            y2: -36.155
                            x3: -26.029
                            y3: -34.502
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -31.132
                            y1: 1.978
                            x2: -49.211
                            y2: 38.905
                            x3: -53.86
                            y3: 81.683
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -36.025
                            y1: 8.792
                            x2: -49.983
                            y2: 36.888
                            x3: -50.629
                            y3: 56.91
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 9.862
                            y1: -23.876
                            x2: 30.55
                            y2: -33.567
                            x3: 47.834
                            y3: -37.932
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -10.602
                            y1: 48.987
                            x2: -44.727
                            y2: 79.099
                            x3: -37.611
                            y3: 75.097
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 35.998
                            y1: -20.249
                            x2: 50.925
                            y2: -54.623
                            x3: 56.166
                            y3: -78.402
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 170.883
                            y1: 136.801
                            x2: 204.149
                            y2: 123.707
                            x3: 223.375
                            y3: 89.527
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                        MoveTo {
                            x: 315.844
                            y: 36.708
                            absolute: true
                        },
                        CurveTo {
                            x1: -25.285
                            y1: 9.186
                            x2: -44.194
                            y2: 24.326
                            x3: -57.678
                            y3: 40.05
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -8.091
                            y1: -18.486
                            x2: -6.256
                            y2: -41.274
                            x3: 1.416
                            y3: -51.012
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 13.112
                            y1: -16.643
                            x2: 35.533
                            y2: -13.746
                            x3: 49.528
                            y3: -5.869
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -0.873
                            y1: -8.448
                            x2: -16.677
                            y2: -21.04
                            x3: -39.254
                            y3: -19.792
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 232.454
                            y1: 2.155
                            x2: 226.063
                            y2: 57.72
                            x3: 245.91
                            y3: 93.35
                            smooth: false
                            absolute: true
                        },
                        CurveTo {
                            x1: -6.529
                            y1: 10.34
                            x2: -10.793
                            y2: 20.101
                            x3: -13.038
                            y3: 27.671
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -6.787
                            y1: 22.887
                            x2: -22.309
                            y2: 68.337
                            x3: -70.162
                            y3: 79.428
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 30.348
                            y1: 4.021
                            x2: 73.475
                            y2: -13.012
                            x3: 89.626
                            y3: -74.365
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 1.45
                            y1: -5.507
                            x2: 3.229
                            y2: -10.769
                            x3: 5.254
                            y3: -15.79
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 18.247
                            y1: 24.777
                            x2: 35.605
                            y2: 50.889
                            x3: -15.534
                            y3: 79.743
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 76.643
                            y1: -11.938
                            x2: 52.789
                            y2: -70.053
                            x3: 25.246
                            y3: -99.23
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -0.01
                            y1: -0.011
                            x2: -0.02
                            y2: -0.022
                            x3: -0.029
                            y3: -0.033
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 289.734
                            y1: 52.872
                            x2: 323.057
                            y2: 34.089
                            x3: 315.844
                            y3: 36.708
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                    ]
                    fill: new Color(0xE7, 0x6F, 0x00, 0xff)
                    fillRule: EVEN_ODD
                },
            ]
        },
    ];
    function <<j>>() = [
        Group {
            content: [
                Path {
                    d: [
                        MoveTo {
                            x: 125.944
                            y: 285.172
                            absolute: true
                        },
                        CurveTo {
                            x1: 60.265
                            y1: -1.02
                            x2: 111.892
                            y2: -18.459
                            x3: 119.208
                            y3: -38.611
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 10.881
                            y1: -29.965
                            x2: -44.781
                            y2: -45.341
                            x3: -44.781
                            y3: -45.341
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x2: 62.295
                            y2: 10.501
                            x3: 63.055
                            y3: 41.208
                            smooth: true
                            absolute: false
                        },
                        CurveTo {
                            x1: 263.979
                            y1: 264.805
                            x2: 187.368
                            y2: 293.467
                            x3: 125.944
                            y3: 285.172
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                        MoveTo {
                            x: 156.842
                            y: 219.223
                            absolute: true
                        },
                        CurveTo {
                            x1: -8.734
                            y1: 0.0
                            x2: -14.774
                            y2: -2.465
                            x3: -13.49
                            y3: -5.508
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 1.285
                            y1: -3.041
                            x2: 9.406
                            y2: -5.507
                            x3: 18.141
                            y3: -5.507
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x2: 14.773
                            y2: 2.466
                            x3: 13.49
                            y3: 5.507
                            smooth: true
                            absolute: false
                        },
                        CurveTo {
                            x1: 173.698
                            y1: 216.758
                            x2: 165.577
                            y2: 219.223
                            x3: 156.842
                            y3: 219.223
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                        MoveTo {
                            x: 132.009
                            y: 194.681
                            absolute: true
                        },
                        CurveTo {
                            x1: 9.54
                            y1: -0.177
                            x2: 18.335
                            y2: 0.323
                            x3: 25.693
                            y3: 1.582
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -11.363
                            y1: 0.0
                            x2: -20.579
                            y2: 0.7
                            x3: -28.357
                            y3: 1.638
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 130.239
                            y1: 196.86
                            x2: 131.129
                            y2: 195.783
                            x3: 132.009
                            y3: 194.681
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                        MoveTo {
                            x: 103.12
                            y: 202.045
                            absolute: true
                        },
                        CurveTo {
                            x1: -26.411
                            y1: 3.946
                            x2: -50.088
                            y2: 12.441
                            x3: -62.086
                            y3: 26.102
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -17.18
                            y1: 19.561
                            x2: -1.917
                            y2: 39.719
                            x3: 26.486
                            y3: 40.186
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 33.49
                            y1: 0.551
                            x2: 68.591
                            y2: -41.369
                            x3: 70.647
                            y3: -43.254
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 2.056
                            y1: -1.885
                            x2: 23.971
                            y2: -3.434
                            x3: 25.117
                            y3: 0.0
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 0.932
                            y1: 1.102
                            x2: -46.538
                            y2: 48.42
                            x3: -84.655
                            y3: 50.57
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -29.287
                            y1: 1.652
                            x2: -60.669
                            y2: -20.271
                            x3: -60.083
                            y3: -37.352
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 0.72
                            y1: -20.967
                            x2: 46.053
                            y2: -36.606
                            x3: 88.42
                            y3: -41.793
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 105.605
                            y1: 198.572
                            x2: 104.298
                            y2: 200.435
                            x3: 103.12
                            y3: 202.045
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                    ]
                    fill: new Color(0x72, 0x3F, 0x11, 0xff)
                    fillRule: EVEN_ODD
                },
            ]
        },
    ];
    function <<cup>>() = [
        Group {
            content: [
                Path {
                    d: [
                        MoveTo {
                            x: 267.192
                            y: 324.428
                            absolute: true
                        },
                        CurveTo {
                            x1: 8.522
                            y1: -14.229
                            x2: 10.0
                            y2: -24.0
                            x3: 10.0
                            y3: -24.0
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x2: 41.404
                            y2: -28.457
                            x3: 47.159
                            y3: -55.75
                            smooth: true
                            absolute: false
                        },
                        CurveTo {
                            x1: 8.546
                            y1: -40.525
                            x2: -39.938
                            y2: 15.908
                            x3: -39.938
                            y3: 15.908
                            smooth: false
                            absolute: false
                        },
                        LineTo {
                            x: 0.166
                            y: -13.863
                            absolute: false
                        },
                        CurveTo {
                            x1: 0.0
                            y1: 0.0
                            x2: 27.746
                            y2: -47.199
                            x3: 50.772
                            y3: -25.229
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 357.192
                            y1: 242.336
                            x2: 310.192
                            y2: 302.428
                            x3: 267.192
                            y3: 324.428
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                        MoveTo {
                            x: 140.192
                            y: 382.428
                            absolute: true
                        },
                        CurveTo {
                            x1: -151.32
                            y1: 0.0
                            x2: -140.0
                            y2: -117.281
                            x3: -140.0
                            y3: -146.0
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 0.0
                            y1: -25.645
                            x2: 49.993
                            y2: -52.125
                            x3: 115.746
                            y3: -57.077
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -1.372
                            y1: 3.275
                            x2: -2.953
                            y2: 6.437
                            x3: -4.599
                            y3: 9.397
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 52.293
                            y1: 194.093
                            x2: 8.192
                            y2: 215.193
                            x3: 8.192
                            y3: 240.428
                            smooth: false
                            absolute: true
                        },
                        CurveTo {
                            x1: 0.0
                            y1: 29.271
                            x2: 59.322
                            y2: 53.0
                            x3: 132.5
                            y3: 53.0
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x2: 132.5
                            y2: -23.729
                            x3: 132.5
                            y3: -53.0
                            smooth: true
                            absolute: false
                        },
                        CurveTo {
                            x1: 0.0
                            y1: -19.263
                            x2: -25.694
                            y2: -36.123
                            x3: -64.117
                            y3: -45.402
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 4.143
                            y1: -2.223
                            x2: 7.889
                            y2: -4.425
                            x3: 10.624
                            y3: -6.087
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 36.538
                            y1: 10.55
                            x2: 60.493
                            y2: 29.741
                            x3: 60.493
                            y3: 47.489
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 280.192
                            y1: 265.146
                            x2: 286.512
                            y2: 382.428
                            x3: 140.192
                            y3: 382.428
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                        MoveTo {
                            x: 180.034
                            y: 189.803
                            absolute: true
                        },
                        CurveTo {
                            x1: -12.43
                            y1: -1.544
                            x2: -25.643
                            y2: -2.376
                            x3: -39.342
                            y3: -2.376
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: -1.208
                            y1: 0.0
                            x2: -2.402
                            y2: 0.023
                            x3: -3.603
                            y3: 0.036
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 2.346
                            y1: -3.301
                            x2: 4.438
                            y2: -6.453
                            x3: 6.078
                            y3: -9.005
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 16.938
                            y1: 0.156
                            x2: 33.132
                            y2: 1.613
                            x3: 48.08
                            y3: 4.104
                            smooth: false
                            absolute: false
                        },
                        CurveTo {
                            x1: 187.669
                            y1: 185.363
                            x2: 183.728
                            y2: 187.797
                            x3: 180.034
                            y3: 189.803
                            smooth: false
                            absolute: true
                        },
                        ClosePath {},
                    ]
                    fill: new Color(0x58, 0x79, 0x93, 0xff)
                    fillRule: EVEN_ODD
                },
            ]
        },
    ];
Group { content:[
            Group {
                content: [
                    Path {
                        d: [
                            MoveTo {
                                x: 223.375
                                y: 89.527
                                absolute: true
                            },
                            CurveTo {
                                x1: 3.379
                                y1: -6.007
                                x2: -23.944
                                y2: 25.097
                                x3: -67.347
                                y3: 31.187
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 2.669
                                y1: -22.474
                                x2: 9.773
                                y2: -40.287
                                x3: 21.965
                                y3: -52.099
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 17.304
                                y1: -16.764
                                x2: 32.009
                                y2: -10.646
                                x3: 39.498
                                y3: 7.756
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 3.094
                                y1: -20.737
                                x2: -0.02
                                y2: -36.155
                                x3: -26.029
                                y3: -34.502
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -31.132
                                y1: 1.978
                                x2: -49.211
                                y2: 38.905
                                x3: -53.86
                                y3: 81.683
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -36.025
                                y1: 8.792
                                x2: -49.983
                                y2: 36.888
                                x3: -50.629
                                y3: 56.91
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 9.862
                                y1: -23.876
                                x2: 30.55
                                y2: -33.567
                                x3: 47.834
                                y3: -37.932
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -10.602
                                y1: 48.987
                                x2: -44.727
                                y2: 79.099
                                x3: -37.611
                                y3: 75.097
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 35.998
                                y1: -20.249
                                x2: 50.925
                                y2: -54.623
                                x3: 56.166
                                y3: -78.402
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 170.883
                                y1: 136.801
                                x2: 204.149
                                y2: 123.707
                                x3: 223.375
                                y3: 89.527
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                            MoveTo {
                                x: 315.844
                                y: 36.708
                                absolute: true
                            },
                            CurveTo {
                                x1: -25.285
                                y1: 9.186
                                x2: -44.194
                                y2: 24.326
                                x3: -57.678
                                y3: 40.05
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -8.091
                                y1: -18.486
                                x2: -6.256
                                y2: -41.274
                                x3: 1.416
                                y3: -51.012
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 13.112
                                y1: -16.643
                                x2: 35.533
                                y2: -13.746
                                x3: 49.528
                                y3: -5.869
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -0.873
                                y1: -8.448
                                x2: -16.677
                                y2: -21.04
                                x3: -39.254
                                y3: -19.792
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 232.454
                                y1: 2.155
                                x2: 226.063
                                y2: 57.72
                                x3: 245.91
                                y3: 93.35
                                smooth: false
                                absolute: true
                            },
                            CurveTo {
                                x1: -6.529
                                y1: 10.34
                                x2: -10.793
                                y2: 20.101
                                x3: -13.038
                                y3: 27.671
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -6.787
                                y1: 22.887
                                x2: -22.309
                                y2: 68.337
                                x3: -70.162
                                y3: 79.428
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 30.348
                                y1: 4.021
                                x2: 73.475
                                y2: -13.012
                                x3: 89.626
                                y3: -74.365
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 1.45
                                y1: -5.507
                                x2: 3.229
                                y2: -10.769
                                x3: 5.254
                                y3: -15.79
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 18.247
                                y1: 24.777
                                x2: 35.605
                                y2: 50.889
                                x3: -15.534
                                y3: 79.743
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 76.643
                                y1: -11.938
                                x2: 52.789
                                y2: -70.053
                                x3: 25.246
                                y3: -99.23
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -0.01
                                y1: -0.011
                                x2: -0.02
                                y2: -0.022
                                x3: -0.029
                                y3: -0.033
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 289.734
                                y1: 52.872
                                x2: 323.057
                                y2: 34.089
                                x3: 315.844
                                y3: 36.708
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                        ]
                        fill: new Color(0xE7, 0x6F, 0x00, 0xff)
                        fillRule: EVEN_ODD
                    },
                ]
            },
            Group {
                content: [
                    Path {
                        d: [
                            MoveTo {
                                x: 125.944
                                y: 285.172
                                absolute: true
                            },
                            CurveTo {
                                x1: 60.265
                                y1: -1.02
                                x2: 111.892
                                y2: -18.459
                                x3: 119.208
                                y3: -38.611
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 10.881
                                y1: -29.965
                                x2: -44.781
                                y2: -45.341
                                x3: -44.781
                                y3: -45.341
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x2: 62.295
                                y2: 10.501
                                x3: 63.055
                                y3: 41.208
                                smooth: true
                                absolute: false
                            },
                            CurveTo {
                                x1: 263.979
                                y1: 264.805
                                x2: 187.368
                                y2: 293.467
                                x3: 125.944
                                y3: 285.172
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                            MoveTo {
                                x: 156.842
                                y: 219.223
                                absolute: true
                            },
                            CurveTo {
                                x1: -8.734
                                y1: 0.0
                                x2: -14.774
                                y2: -2.465
                                x3: -13.49
                                y3: -5.508
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 1.285
                                y1: -3.041
                                x2: 9.406
                                y2: -5.507
                                x3: 18.141
                                y3: -5.507
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x2: 14.773
                                y2: 2.466
                                x3: 13.49
                                y3: 5.507
                                smooth: true
                                absolute: false
                            },
                            CurveTo {
                                x1: 173.698
                                y1: 216.758
                                x2: 165.577
                                y2: 219.223
                                x3: 156.842
                                y3: 219.223
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                            MoveTo {
                                x: 132.009
                                y: 194.681
                                absolute: true
                            },
                            CurveTo {
                                x1: 9.54
                                y1: -0.177
                                x2: 18.335
                                y2: 0.323
                                x3: 25.693
                                y3: 1.582
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -11.363
                                y1: 0.0
                                x2: -20.579
                                y2: 0.7
                                x3: -28.357
                                y3: 1.638
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 130.239
                                y1: 196.86
                                x2: 131.129
                                y2: 195.783
                                x3: 132.009
                                y3: 194.681
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                            MoveTo {
                                x: 103.12
                                y: 202.045
                                absolute: true
                            },
                            CurveTo {
                                x1: -26.411
                                y1: 3.946
                                x2: -50.088
                                y2: 12.441
                                x3: -62.086
                                y3: 26.102
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -17.18
                                y1: 19.561
                                x2: -1.917
                                y2: 39.719
                                x3: 26.486
                                y3: 40.186
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 33.49
                                y1: 0.551
                                x2: 68.591
                                y2: -41.369
                                x3: 70.647
                                y3: -43.254
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 2.056
                                y1: -1.885
                                x2: 23.971
                                y2: -3.434
                                x3: 25.117
                                y3: 0.0
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 0.932
                                y1: 1.102
                                x2: -46.538
                                y2: 48.42
                                x3: -84.655
                                y3: 50.57
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -29.287
                                y1: 1.652
                                x2: -60.669
                                y2: -20.271
                                x3: -60.083
                                y3: -37.352
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 0.72
                                y1: -20.967
                                x2: 46.053
                                y2: -36.606
                                x3: 88.42
                                y3: -41.793
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 105.605
                                y1: 198.572
                                x2: 104.298
                                y2: 200.435
                                x3: 103.12
                                y3: 202.045
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                        ]
                        fill: new Color(0x72, 0x3F, 0x11, 0xff)
                        fillRule: EVEN_ODD
                    },
                ]
            },
            Group {
                content: [
                    Path {
                        d: [
                            MoveTo {
                                x: 267.192
                                y: 324.428
                                absolute: true
                            },
                            CurveTo {
                                x1: 8.522
                                y1: -14.229
                                x2: 10.0
                                y2: -24.0
                                x3: 10.0
                                y3: -24.0
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x2: 41.404
                                y2: -28.457
                                x3: 47.159
                                y3: -55.75
                                smooth: true
                                absolute: false
                            },
                            CurveTo {
                                x1: 8.546
                                y1: -40.525
                                x2: -39.938
                                y2: 15.908
                                x3: -39.938
                                y3: 15.908
                                smooth: false
                                absolute: false
                            },
                            LineTo {
                                x: 0.166
                                y: -13.863
                                absolute: false
                            },
                            CurveTo {
                                x1: 0.0
                                y1: 0.0
                                x2: 27.746
                                y2: -47.199
                                x3: 50.772
                                y3: -25.229
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 357.192
                                y1: 242.336
                                x2: 310.192
                                y2: 302.428
                                x3: 267.192
                                y3: 324.428
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                            MoveTo {
                                x: 140.192
                                y: 382.428
                                absolute: true
                            },
                            CurveTo {
                                x1: -151.32
                                y1: 0.0
                                x2: -140.0
                                y2: -117.281
                                x3: -140.0
                                y3: -146.0
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 0.0
                                y1: -25.645
                                x2: 49.993
                                y2: -52.125
                                x3: 115.746
                                y3: -57.077
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -1.372
                                y1: 3.275
                                x2: -2.953
                                y2: 6.437
                                x3: -4.599
                                y3: 9.397
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 52.293
                                y1: 194.093
                                x2: 8.192
                                y2: 215.193
                                x3: 8.192
                                y3: 240.428
                                smooth: false
                                absolute: true
                            },
                            CurveTo {
                                x1: 0.0
                                y1: 29.271
                                x2: 59.322
                                y2: 53.0
                                x3: 132.5
                                y3: 53.0
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x2: 132.5
                                y2: -23.729
                                x3: 132.5
                                y3: -53.0
                                smooth: true
                                absolute: false
                            },
                            CurveTo {
                                x1: 0.0
                                y1: -19.263
                                x2: -25.694
                                y2: -36.123
                                x3: -64.117
                                y3: -45.402
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 4.143
                                y1: -2.223
                                x2: 7.889
                                y2: -4.425
                                x3: 10.624
                                y3: -6.087
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 36.538
                                y1: 10.55
                                x2: 60.493
                                y2: 29.741
                                x3: 60.493
                                y3: 47.489
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 280.192
                                y1: 265.146
                                x2: 286.512
                                y2: 382.428
                                x3: 140.192
                                y3: 382.428
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                            MoveTo {
                                x: 180.034
                                y: 189.803
                                absolute: true
                            },
                            CurveTo {
                                x1: -12.43
                                y1: -1.544
                                x2: -25.643
                                y2: -2.376
                                x3: -39.342
                                y3: -2.376
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: -1.208
                                y1: 0.0
                                x2: -2.402
                                y2: 0.023
                                x3: -3.603
                                y3: 0.036
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 2.346
                                y1: -3.301
                                x2: 4.438
                                y2: -6.453
                                x3: 6.078
                                y3: -9.005
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 16.938
                                y1: 0.156
                                x2: 33.132
                                y2: 1.613
                                x3: 48.08
                                y3: 4.104
                                smooth: false
                                absolute: false
                            },
                            CurveTo {
                                x1: 187.669
                                y1: 185.363
                                x2: 183.728
                                y2: 187.797
                                x3: 180.034
                                y3: 189.803
                                smooth: false
                                absolute: true
                            },
                            ClosePath {},
                        ]
                        fill: new Color(0x58, 0x79, 0x93, 0xff)
                        fillRule: EVEN_ODD
                    },
                ]
            },
]}

Here is also the code of the SVG file:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
	<!ENTITY ns_svg "http://www.w3.org/2000/svg">
	<!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
]>
<svg  version="1.1" xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="340.883" height="382.428" viewBox="0 0 340.883 382.428"
	 overflow="visible" enable-background="new 0 0 340.883 382.428" xml:space="preserve">
<g id="FX">
	<path fill-rule="evenodd" clip-rule="evenodd" fill="#E76F00" d="M223.375,89.527c3.379-6.007-23.944,25.097-67.347,31.187
		c2.669-22.474,9.773-40.287,21.965-52.099c17.304-16.764,32.009-10.646,39.498,7.756c3.094-20.737-0.02-36.155-26.029-34.502
		c-31.132,1.978-49.211,38.905-53.86,81.683c-36.025,8.792-49.983,36.888-50.629,56.91c9.862-23.876,30.55-33.567,47.834-37.932
		c-10.602,48.987-44.727,79.099-37.611,75.097c35.998-20.249,50.925-54.623,56.166-78.402
		C170.883,136.801,204.149,123.707,223.375,89.527z M315.844,36.708c-25.285,9.186-44.194,24.326-57.678,40.05
		c-8.091-18.486-6.256-41.274,1.416-51.012c13.112-16.643,35.533-13.746,49.528-5.869c-0.873-8.448-16.677-21.04-39.254-19.792
		C232.454,2.155,226.063,57.72,245.91,93.35c-6.529,10.34-10.793,20.101-13.038,27.671c-6.787,22.887-22.309,68.337-70.162,79.428
		c30.348,4.021,73.475-13.012,89.626-74.365c1.45-5.507,3.229-10.769,5.254-15.79c18.247,24.777,35.605,50.889-15.534,79.743
		c76.643-11.938,52.789-70.053,25.246-99.23c-0.01-0.011-0.02-0.022-0.029-0.033C289.734,52.872,323.057,34.089,315.844,36.708z"
		/>
</g>
<g id="j">
	<path fill-rule="evenodd" clip-rule="evenodd" fill="#723F11" d="M125.944,285.172c60.265-1.02,111.892-18.459,119.208-38.611
		c10.881-29.965-44.781-45.341-44.781-45.341s62.295,10.501,63.055,41.208C263.979,264.805,187.368,293.467,125.944,285.172z
		 M156.842,219.223c-8.734,0-14.774-2.465-13.49-5.508c1.285-3.041,9.406-5.507,18.141-5.507s14.773,2.466,13.49,5.507
		C173.698,216.758,165.577,219.223,156.842,219.223z M132.009,194.681c9.54-0.177,18.335,0.323,25.693,1.582
		c-11.363,0-20.579,0.7-28.357,1.638C130.239,196.86,131.129,195.783,132.009,194.681z M103.12,202.045
		c-26.411,3.946-50.088,12.441-62.086,26.102c-17.18,19.561-1.917,39.719,26.486,40.186c33.49,0.551,68.591-41.369,70.647-43.254
		c2.056-1.885,23.971-3.434,25.117,0c0.932,1.102-46.538,48.42-84.655,50.57c-29.287,1.652-60.669-20.271-60.083-37.352
		c0.72-20.967,46.053-36.606,88.42-41.793C105.605,198.572,104.298,200.435,103.12,202.045z"/>
</g>
<g id="cup">
	<path fill-rule="evenodd" clip-rule="evenodd" fill="#587993" d="M267.192,324.428c8.522-14.229,10-24,10-24
		s41.404-28.457,47.159-55.75c8.546-40.525-39.938,15.908-39.938,15.908l0.166-13.863c0,0,27.746-47.199,50.772-25.229
		C357.192,242.336,310.192,302.428,267.192,324.428z M140.192,382.428c-151.32,0-140-117.281-140-146
		c0-25.645,49.993-52.125,115.746-57.077c-1.372,3.275-2.953,6.437-4.599,9.397C52.293,194.093,8.192,215.193,8.192,240.428
		c0,29.271,59.322,53,132.5,53s132.5-23.729,132.5-53c0-19.263-25.694-36.123-64.117-45.402c4.143-2.223,7.889-4.425,10.624-6.087
		c36.538,10.55,60.493,29.741,60.493,47.489C280.192,265.146,286.512,382.428,140.192,382.428z M180.034,189.803
		c-12.43-1.544-25.643-2.376-39.342-2.376c-1.208,0-2.402,0.023-3.603,0.036c2.346-3.301,4.438-6.453,6.078-9.005
		c16.938,0.156,33.132,1.613,48.08,4.104C187.669,185.363,183.728,187.797,180.034,189.803z"/>
</g>
</svg>

Advertisement