Browse Source

Orange and black logo versions

Nicolas Lenz 4 months ago
parent
commit
f0c5b349b2
2 changed files with 80 additions and 0 deletions
  1. 35
    0
      src/orange-black-plain-transparent.svg
  2. 45
    0
      src/orange-black-shadow-transparent.svg

+ 35
- 0
src/orange-black-plain-transparent.svg View File

@@ -0,0 +1,35 @@
1
+<?xml version="1.0" encoding="UTF-8"?>
2
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
3
+    viewBox="-4 -4 48 48">
4
+    <defs>
5
+        <g id="spark">
6
+            <!-- The up and down bar of the spark isn't needed as the big star bar goes through the spark. -->
7
+            <path d="M -5,0 5,0" transform="rotate(+30)"/>
8
+            <path d="M -5,0 5,0" transform="rotate(-30)"/>
9
+        </g>
10
+
11
+        <g id="bar"> <!-- One big bar with sparks at the ends -->
12
+            <path d="M 0,-19 0,19"/>
13
+            <use xlink:href="#spark" transform="translate(0 -13.7)"/>
14
+            <use xlink:href="#spark" transform="translate(0 +13.7)"/>
15
+        </g>
16
+
17
+        <linearGradient id="col-circle">
18
+            <stop stop-color="#f19204"/>
19
+        </linearGradient>
20
+
21
+        <linearGradient id="col-star">
22
+            <stop stop-color="#000000"/>
23
+        </linearGradient>
24
+    </defs>
25
+
26
+    <g stroke-width="2">
27
+        <g id="star" transform="translate(20,20)" stroke="url(#col-star)">
28
+            <use xlink:href="#bar" transform="rotate(0)"/>
29
+            <use xlink:href="#bar" transform="rotate(60)"/>
30
+            <use xlink:href="#bar" transform="rotate(120)"/>
31
+        </g>
32
+
33
+        <circle id="circle" cx="20" cy="20" r="19" fill="none" stroke="url(#col-circle)"/>
34
+    </g>
35
+</svg>

+ 45
- 0
src/orange-black-shadow-transparent.svg View File

@@ -0,0 +1,45 @@
1
+<?xml version="1.0" encoding="UTF-8"?>
2
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
3
+    viewBox="-4 -4 48 48">
4
+    <defs>
5
+        <g id="spark">
6
+            <!-- The up and down bar of the spark isn't needed as the big star bar goes through the spark. -->
7
+            <path d="M -5,0 5,0" transform="rotate(+30)"/>
8
+            <path d="M -5,0 5,0" transform="rotate(-30)"/>
9
+        </g>
10
+
11
+        <g id="bar"> <!-- One big bar with sparks at the ends -->
12
+            <path d="M 0,-19 0,19"/>
13
+            <use xlink:href="#spark" transform="translate(0 -13.7)"/>
14
+            <use xlink:href="#spark" transform="translate(0 +13.7)"/>
15
+        </g>
16
+
17
+        <filter id="dropShadow">
18
+            <feFlood flood-opacity="0.5" flood-color="black" result="flood"/>
19
+            <feComposite in="flood" in2="SourceGraphic" operator="in" result="cut"/>
20
+            <feGaussianBlur in="cut" stdDeviation="0.32" result="shadow"/>
21
+            <feMerge>
22
+                <feMergeNode in="shadow"/>
23
+                <feMergeNode in="SourceGraphic"/>
24
+            </feMerge>
25
+        </filter>
26
+
27
+        <linearGradient id="col-circle">
28
+            <stop stop-color="#f19204"/>
29
+        </linearGradient>
30
+
31
+        <linearGradient id="col-star">
32
+            <stop stop-color="#000000"/>
33
+        </linearGradient>
34
+    </defs>
35
+
36
+    <g stroke-width="2" filter="url(#dropShadow)">
37
+        <g id="star" transform="translate(20,20)" stroke="url(#col-star)">
38
+            <use xlink:href="#bar" transform="rotate(0)"/>
39
+            <use xlink:href="#bar" transform="rotate(60)"/>
40
+            <use xlink:href="#bar" transform="rotate(120)"/>
41
+        </g>
42
+
43
+        <circle id="circle" cx="20" cy="20" r="19" fill="none" stroke="url(#col-circle)"/>
44
+    </g>
45
+</svg>

Loading…
Cancel
Save