<canvas id='canvas' width='180' height='180'></canvas>
var ctx = document.getElementById("canvas").getContext("2d");
// #layer1
// #path10
ctx.beginPath();
ctx.fillStyle = "rgb(0, 0, 255)";
ctx.lineWidth = 0.263122;
ctx.lineCap = "round";
ctx.lineJoin = "round";
ctx.arc(70.0, 70.0, 69.502762, 0.0, 6.28318531, 1);
ctx.fill();
// #circle12
ctx.beginPath();
ctx.fillStyle = "rgb(255, 102, 0)";
ctx.lineWidth = 0.251894;
ctx.lineCap = "round";
ctx.lineJoin = "round";
ctx.moveTo(139.1928, 71.511756);
ctx.bezierCurveTo(
139.1928,
88.791336,
132.85927,
115.79106,
118.18972,
115.24658
);
ctx.bezierCurveTo(
102.35426,
114.65881,
91.07376,
115.32208,
71.73163,
115.32208
);
ctx.bezierCurveTo(
52.409877,
115.32208,
18.88126,
115.29348,
18.88126,
115.29348
);
ctx.bezierCurveTo(
7.366969,
105.32341,
1.243042,
88.813546,
1.243043,
71.511726
);
ctx.bezierCurveTo(
1.243044,
55.124832,
6.168433,
28.047391,
20.039362,
26.666617
);
ctx.bezierCurveTo(
32.400755,
25.436109,
49.680067,
26.189482,
69.83995,
26.189482
);
ctx.bezierCurveTo(
90.05783,
26.189482,
119.74107,
26.804493,
119.74107,
26.804493
);
ctx.bezierCurveTo(
133.52191,
28.570002,
139.1928,
55.188141,
139.1928,
71.511726
);
ctx.fill();
// #text844
ctx.fillStyle = "rgb(255, 255, 255)";
ctx.lineWidth = 0.070004;
ctx.font = "normal normal 25.4px FontAwesome";
ctx.fillText("OUTLET", 25, 85);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.