[tor-commits] [styleguide/master] Add svg for TBA icons

antonela at torproject.org antonela at torproject.org
Fri Dec 6 13:31:43 UTC 2019


commit 3cdf3b7b0f93503f9601943bc9a76ea37ac296db
Author: Antonela <hola at antonela.me>
Date:   Fri Dec 6 10:31:18 2019 -0300

    Add svg for TBA icons
---
 assets/static/images/tor-browser-android/alpha.svg | 40 ++++++++++++++++++++
 .../static/images/tor-browser-android/nightly.svg  | 37 +++++++++++++++++++
 .../static/images/tor-browser-android/stable.svg   | 43 ++++++++++++++++++++++
 3 files changed, 120 insertions(+)

diff --git a/assets/static/images/tor-browser-android/alpha.svg b/assets/static/images/tor-browser-android/alpha.svg
new file mode 100644
index 0000000..8f44f94
--- /dev/null
+++ b/assets/static/images/tor-browser-android/alpha.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
+    <title>alpha</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="3.27248873%" x2="50%" y2="97.1599968%" id="linearGradient-1">
+            <stop stop-color="#00FEFF" offset="0%"></stop>
+            <stop stop-color="#0BE67D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="3.27248873%" x2="50%" y2="97.1599968%" id="linearGradient-2">
+            <stop stop-color="#00FEFF" offset="0%"></stop>
+            <stop stop-color="#0BE67D" offset="100%"></stop>
+        </linearGradient>
+        <path d="M17.0898438,17.0898437 C104.253796,17.0898438 174.91414,87.4862018 174.91414,174.32451 C174.91414,261.162819 104.253796,331.559177 17.0898438,331.559177 L17.0898438,17.0898437 Z" id="path-3"></path>
+        <filter x="-30.4%" y="-12.7%" width="150.7%" height="125.4%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="-8" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="12" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0872579578   0 0 0 0 0.00490370801   0 0 0 0 0.234933036  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="alpha" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Art" transform="translate(21.333333, 21.333333)">
+            <g id="Mask-/-Circle" fill="#FFFFFF">
+                <circle id="Mask_Circle" cx="234.5" cy="234.5" r="214.958333"></circle>
+            </g>
+            <rect id="Container" fill="#0B0B0B" fill-rule="nonzero" x="-21.3333333" y="-21.3333333" width="512" height="512"></rect>
+            <g id="tb_icon/Alpha" transform="translate(59.666667, 59.666667)">
+                <g id="Alpha">
+                    <circle id="background" fill-opacity="0.9" fill="#030004" fill-rule="nonzero" cx="175" cy="175" r="175"></circle>
+                    <path d="M175.358984,318.171675 L175.358984,296.957643 C242.556966,296.763597 296.967345,242.241642 296.967345,174.995149 C296.967345,107.753507 242.556966,53.2315518 175.358984,53.0375062 L175.358984,31.823474 C254.272468,32.0223707 318.176526,96.0380052 318.176526,174.995149 C318.176526,253.957144 254.272468,317.977629 175.358984,318.171675 L175.358984,318.171675 Z M175.358984,243.920136 C213.260936,243.72124 243.939541,212.950463 243.939541,174.995149 C243.939541,137.044686 213.260936,106.273909 175.358984,106.075012 L175.358984,84.8658313 C224.981288,85.0598769 265.153573,125.329184 265.153573,174.995149 C265.153573,224.665964 224.981288,264.935272 175.358984,265.129318 L175.358984,243.920136 Z M175.358984,137.893635 C195.690109,138.087681 212.120918,154.615513 212.120918,174.995149 C212.120918,195.379636 195.690109,211.907468 175.358984,212.101514 L175.358984,137.893635 Z M0,174.995149 C0,271.649249 78.3459001,350 175,350 C271.649249,350 350,271.649249 350,1
 74.995149 C350,78.3459001 271.649249,2.84217094e-14 175,2.84217094e-14 C78.3459001,2.84217094e-14 0,78.3459001 0,174.995149 Z" id="center" fill="url(#linearGradient-1)"></path>
+                    <g id="half" transform="translate(96.001992, 174.324510) scale(-1, 1) translate(-96.001992, -174.324510) ">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                        <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/static/images/tor-browser-android/nightly.svg b/assets/static/images/tor-browser-android/nightly.svg
new file mode 100644
index 0000000..eb5ff0d
--- /dev/null
+++ b/assets/static/images/tor-browser-android/nightly.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
+    <title>nightly</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="25.1281738%" y1="5.44281006%" x2="54.3792725%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#00E1E8" offset="0%"></stop>
+            <stop stop-color="#3500FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="43.7353213%" y1="5.44281006%" x2="51.1030446%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#00E1E8" offset="0%"></stop>
+            <stop stop-color="#3500FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M17.0898438,17.0898437 C104.253796,17.0898438 174.91414,87.4862018 174.91414,174.32451 C174.91414,261.162819 104.253796,331.559177 17.0898438,331.559177 L17.0898438,17.0898437 Z" id="path-3"></path>
+        <filter x="-30.4%" y="-12.7%" width="150.7%" height="125.4%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="-8" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="12" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0872579578   0 0 0 0 0.00490370801   0 0 0 0 0.234933036  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="nightly" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Art" transform="translate(21.333333, 21.333333)">
+            <rect id="Container" fill="#0B0B0B" fill-rule="nonzero" x="-21.3333333" y="-21.3333333" width="512" height="512"></rect>
+            <g id="tb_icon/Nightly" transform="translate(59.666667, 59.666667)">
+                <g id="Nightly">
+                    <circle id="background" fill-opacity="0.9" fill="#030004" fill-rule="nonzero" cx="175" cy="175" r="175"></circle>
+                    <path d="M175.358984,318.171675 L175.358984,296.957643 C242.556966,296.763597 296.967345,242.241642 296.967345,174.995149 C296.967345,107.753507 242.556966,53.2315518 175.358984,53.0375062 L175.358984,31.823474 C254.272468,32.0223707 318.176526,96.0380052 318.176526,174.995149 C318.176526,253.957144 254.272468,317.977629 175.358984,318.171675 L175.358984,318.171675 Z M175.358984,243.920136 C213.260936,243.72124 243.939541,212.950463 243.939541,174.995149 C243.939541,137.044686 213.260936,106.273909 175.358984,106.075012 L175.358984,84.8658313 C224.981288,85.0598769 265.153573,125.329184 265.153573,174.995149 C265.153573,224.665964 224.981288,264.935272 175.358984,265.129318 L175.358984,243.920136 Z M175.358984,137.893635 C195.690109,138.087681 212.120918,154.615513 212.120918,174.995149 C212.120918,195.379636 195.690109,211.907468 175.358984,212.101514 L175.358984,137.893635 Z M0,174.995149 C0,271.649249 78.3459001,350 175,350 C271.649249,350 350,271.649249 350,1
 74.995149 C350,78.3459001 271.649249,2.84217094e-14 175,2.84217094e-14 C78.3459001,2.84217094e-14 0,78.3459001 0,174.995149 Z" id="center" fill="url(#linearGradient-1)"></path>
+                    <g id="half" transform="translate(96.001992, 174.324510) scale(-1, 1) translate(-96.001992, -174.324510) ">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                        <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/static/images/tor-browser-android/stable.svg b/assets/static/images/tor-browser-android/stable.svg
new file mode 100644
index 0000000..53bc0b9
--- /dev/null
+++ b/assets/static/images/tor-browser-android/stable.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
+    <title>stable</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#420C5D" offset="0%"></stop>
+            <stop stop-color="#951AD1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="3.061617e-15%" id="linearGradient-2">
+            <stop stop-color="#D1A2FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="3.061617e-15%" id="linearGradient-3">
+            <stop stop-color="#D1A2FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M17.2244094,16.5680473 C105.122484,16.5680473 176.377953,87.6549855 176.377953,175.345168 C176.377953,263.03535 105.122484,334.122288 17.2244094,334.122288 L17.2244094,16.5680473 Z" id="path-4"></path>
+        <filter x="-20.7%" y="-7.9%" width="131.4%" height="115.7%" filterUnits="objectBoundingBox" id="filter-5">
+            <feOffset dx="-8" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="7" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.258823529   0 0 0 0 0.0470588235   0 0 0 0 0.364705882  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="stable" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Art" transform="translate(21.333333, 21.333333)">
+            <g id="Mask-/-Circle" fill="#FFFFFF">
+                <circle id="Mask_Circle" cx="234.5" cy="234.5" r="214.958333"></circle>
+            </g>
+            <rect id="Container" fill="url(#linearGradient-1)" fill-rule="nonzero" x="-21.3333333" y="-21.3333333" width="512" height="512"></rect>
+            <g id="tb_icon/Light" transform="translate(59.666667, 59.666667)">
+                <g id="Light">
+                    <path d="M174.973708,349.327669 C78.3383976,349.327669 1.98951966e-13,271.128007 1.98951966e-13,174.663835 C1.98951966e-13,78.1996624 78.3383976,1.70530257e-13 174.973708,1.70530257e-13 C271.609019,1.70530257e-13 349.947416,78.1996624 349.947416,174.663835 C349.947416,271.128007 271.609019,349.327669 174.973708,349.327669 Z M174.973708,317.570608 C254.038962,317.570608 318.134015,253.589066 318.134015,174.663835 C318.134015,95.7386028 254.038962,31.7570608 174.973708,31.7570608 C95.9084541,31.7570608 31.8134015,95.7386028 31.8134015,174.663835 C31.8134015,253.589066 95.9084541,317.570608 174.973708,317.570608 Z M174.973708,296.399235 C107.621825,296.399235 53.0223358,241.89644 53.0223358,174.663835 C53.0223358,107.43123 107.621825,52.9284347 174.973708,52.9284347 C242.325591,52.9284347 296.925081,107.43123 296.925081,174.663835 C296.925081,241.89644 242.325591,296.399235 174.973708,296.399235 Z M174.973708,264.642174 C224.755535,264.642174 265.111679,224.357499 2
 65.111679,174.663835 C265.111679,124.97017 224.755535,84.6854956 174.973708,84.6854956 C125.191882,84.6854956 84.8357373,124.97017 84.8357373,174.663835 C84.8357373,224.357499 125.191882,264.642174 174.973708,264.642174 Z M174.973708,243.4708 C136.905253,243.4708 106.044672,212.664872 106.044672,174.663835 C106.044672,136.662797 136.905253,105.856869 174.973708,105.856869 C213.042164,105.856869 243.902745,136.662797 243.902745,174.663835 C243.902745,212.664872 213.042164,243.4708 174.973708,243.4708 Z M174.973708,211.713739 C195.472107,211.713739 212.089343,195.125932 212.089343,174.663835 C212.089343,154.201738 195.472107,137.61393 174.973708,137.61393 C154.475309,137.61393 137.858073,154.201738 137.858073,174.663835 C137.858073,195.125932 154.475309,211.713739 174.973708,211.713739 Z" id="center" fill="url(#linearGradient-2)" fill-rule="nonzero"></path>
+                    <g id="half" transform="translate(96.801181, 175.345168) scale(-1, 1) translate(-96.801181, -175.345168) ">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                        <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file



More information about the tor-commits mailing list