add artisanal handcrafted SVG Spack logo. (#6165)
- This isn't one of those autogenerated SVGs from a drawing program! - This is a completely re-traced, minimalist SVG file with clearly delineated pieces so that your favorite renderer can draw a Spack logo at whatever resolution you want. - Included versions with text, as well.
This commit is contained in:
Todd Gamblin
GitHub
parent
ac3a807f58
commit
3a0324fe1a
10 changed files with 384 additions and 3 deletions
|
|
@ -1,5 +1,4 @@
|
||||||
|
# <img src="https://cdn.rawgit.com/spack/spack/features/svg-logo/share/spack/logo/spack-logo.svg" width="64" valign="middle" alt="Spack"/> Spack
|
||||||
============
|
|
||||||
|
|
||||||
[](https://travis-ci.org/spack/spack)
|
[](https://travis-ci.org/spack/spack)
|
||||||
[](https://codecov.io/gh/spack/spack)
|
[](https://codecov.io/gh/spack/spack)
|
||||||
|
|
|
||||||
|
|
@ -249,7 +249,7 @@ def setup(sphinx):
|
||||||
|
|
||||||
# The name of an image file (relative to this directory) to place at the top
|
# The name of an image file (relative to this directory) to place at the top
|
||||||
# of the sidebar.
|
# of the sidebar.
|
||||||
html_logo = '../../../share/spack/logo/spack-logo-white-text-48.png'
|
html_logo = '../../../share/spack/logo/spack-logo-white-text.svg'
|
||||||
|
|
||||||
# The name of an image file (within the static path) to use as favicon of the
|
# The name of an image file (within the static path) to use as favicon of the
|
||||||
# docs. This file should be a Windows icon file (.ico) being 16x16 or 32x32
|
# docs. This file should be a Windows icon file (.ico) being 16x16 or 32x32
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
66
share/spack/logo/spack-logo-text-bottom.svg
Normal file
66
share/spack/logo/spack-logo-text-bottom.svg
Normal file
|
|
@ -0,0 +1,66 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="256" height="340"
|
||||||
|
viewBox="-128 -128 256 340"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:ev="http://www.w3.org/2001/xml-events">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.logo { font-family:Arial; font-weight:bold; }
|
||||||
|
.diamond { fill:#0f3a80; }
|
||||||
|
circle.back { fill:#ffa600; stroke:#0f3a80; stroke-width:6; }
|
||||||
|
circle.front { fill:#ffffff; stroke:#0f3a80; stroke-width:6; }
|
||||||
|
line.back { stroke:#ffa600; stroke-width:7; }
|
||||||
|
line.front { stroke:#ffffff; stroke-width:7; }
|
||||||
|
line.shadow { stroke:#0f3a80; stroke-width:7; }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<!-- need two arrows b/c we can't sync color with the marked element -->
|
||||||
|
<marker id="barrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffa600"/>
|
||||||
|
</marker>
|
||||||
|
<marker id="farrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffffff"/>
|
||||||
|
</marker>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- rounded diamond shape -->
|
||||||
|
<rect x="-97" y="-97" width="194" height="194" rx="26" ry="26"
|
||||||
|
transform="rotate(45)" class="diamond"/>
|
||||||
|
|
||||||
|
<!-- background dependency structure -->
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="-29" transform="rotate(42 -11 -80)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-80" y1="0" x2="-80" y2="57" transform="rotate(-45 -80 0)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="28" class="back"
|
||||||
|
marker-end="url(#barrow)"/>
|
||||||
|
|
||||||
|
<circle cx="-11" cy="-80" r="23" class="back"/>
|
||||||
|
<circle cx="0" cy="80" r="23" class="back"/>
|
||||||
|
<circle cx="-80" cy="0" r="23" class="back"/>
|
||||||
|
|
||||||
|
<!-- foreground dependency structure -->
|
||||||
|
<line x1="18" y1="-80" x2="18" y2="0" transform="rotate(42 17 -80)"
|
||||||
|
class="shadow"/>
|
||||||
|
<line x1="13" y1="-80" x2="13" y2="-5" transform="rotate(42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="-29" transform="rotate(-42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="80" y1="0" x2="80" y2="57" transform="rotate(45 80 0)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="28" class="front"
|
||||||
|
marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<circle cx="11" cy="-80" r="23" class="front"/>
|
||||||
|
<circle cx="80" cy="0" r="23" class="front"/>
|
||||||
|
|
||||||
|
<text x="0" y="184" text-anchor="middle" font-size="64pt" class="logo">
|
||||||
|
Spack
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
64
share/spack/logo/spack-logo-text.svg
Normal file
64
share/spack/logo/spack-logo-text.svg
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="850" height="256"
|
||||||
|
viewBox="-128 -128 850 256"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:ev="http://www.w3.org/2001/xml-events">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.logo { font-family:Arial; font-weight:bold; }
|
||||||
|
.diamond { fill:#0f3a80; }
|
||||||
|
circle.back { fill:#ffa600; stroke:#0f3a80; stroke-width:6; }
|
||||||
|
circle.front { fill:#ffffff; stroke:#0f3a80; stroke-width:6; }
|
||||||
|
line.back { stroke:#ffa600; stroke-width:7; }
|
||||||
|
line.front { stroke:#ffffff; stroke-width:7; }
|
||||||
|
line.shadow { stroke:#0f3a80; stroke-width:7; }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<!-- need two arrows b/c we can't sync color with the marked element -->
|
||||||
|
<marker id="barrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffa600"/>
|
||||||
|
</marker>
|
||||||
|
<marker id="farrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffffff"/>
|
||||||
|
</marker>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- rounded diamond shape -->
|
||||||
|
<rect x="-97" y="-97" width="194" height="194" rx="26" ry="26"
|
||||||
|
transform="rotate(45)" class="diamond"/>
|
||||||
|
|
||||||
|
<!-- background dependency structure -->
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="-29" transform="rotate(42 -11 -80)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-80" y1="0" x2="-80" y2="57" transform="rotate(-45 -80 0)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="28" class="back"
|
||||||
|
marker-end="url(#barrow)"/>
|
||||||
|
|
||||||
|
<circle cx="-11" cy="-80" r="23" class="back"/>
|
||||||
|
<circle cx="0" cy="80" r="23" class="back"/>
|
||||||
|
<circle cx="-80" cy="0" r="23" class="back"/>
|
||||||
|
|
||||||
|
<!-- foreground dependency structure -->
|
||||||
|
<line x1="18" y1="-80" x2="18" y2="0" transform="rotate(42 17 -80)"
|
||||||
|
class="shadow"/>
|
||||||
|
<line x1="13" y1="-80" x2="13" y2="-5" transform="rotate(42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="-29" transform="rotate(-42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="80" y1="0" x2="80" y2="57" transform="rotate(45 80 0)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="28" class="front"
|
||||||
|
marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<circle cx="11" cy="-80" r="23" class="front"/>
|
||||||
|
<circle cx="80" cy="0" r="23" class="front"/>
|
||||||
|
|
||||||
|
<text x="160" y="64" font-size="128pt" class="logo">Spack</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
66
share/spack/logo/spack-logo-white-text-bottom.svg
Normal file
66
share/spack/logo/spack-logo-white-text-bottom.svg
Normal file
|
|
@ -0,0 +1,66 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="256" height="340"
|
||||||
|
viewBox="-128 -128 256 340"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:ev="http://www.w3.org/2001/xml-events">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.logo { font-family:Arial; font-weight:bold; fill:#ffffff; }
|
||||||
|
.diamond { fill:#ffffff; }
|
||||||
|
circle.back { fill:#ffa600; stroke:#ffffff; stroke-width:6; }
|
||||||
|
circle.front { fill:#0e3d7e; stroke:#ffffff; stroke-width:6; }
|
||||||
|
line.back { stroke:#ffa600; stroke-width:7; }
|
||||||
|
line.front { stroke:#0e3d7e; stroke-width:7; }
|
||||||
|
line.shadow { stroke:#ffffff; stroke-width:7; }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<!-- need two arrows b/c we can't sync color with the marked element -->
|
||||||
|
<marker id="barrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffa600"/>
|
||||||
|
</marker>
|
||||||
|
<marker id="farrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#0e3d7e"/>
|
||||||
|
</marker>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- rounded diamond shape -->
|
||||||
|
<rect x="-97" y="-97" width="194" height="194" rx="26" ry="26"
|
||||||
|
transform="rotate(45)" class="diamond"/>
|
||||||
|
|
||||||
|
<!-- background dependency structure -->
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="-29" transform="rotate(42 -11 -80)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-80" y1="0" x2="-80" y2="57" transform="rotate(-45 -80 0)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="28" class="back"
|
||||||
|
marker-end="url(#barrow)"/>
|
||||||
|
|
||||||
|
<circle cx="-11" cy="-80" r="23" class="back"/>
|
||||||
|
<circle cx="0" cy="80" r="23" class="back"/>
|
||||||
|
<circle cx="-80" cy="0" r="23" class="back"/>
|
||||||
|
|
||||||
|
<!-- foreground dependency structure -->
|
||||||
|
<line x1="18" y1="-80" x2="18" y2="0" transform="rotate(42 17 -80)"
|
||||||
|
class="shadow"/>
|
||||||
|
<line x1="13" y1="-80" x2="13" y2="-5" transform="rotate(42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="-29" transform="rotate(-42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="80" y1="0" x2="80" y2="57" transform="rotate(45 80 0)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="28" class="front"
|
||||||
|
marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<circle cx="11" cy="-80" r="23" class="front"/>
|
||||||
|
<circle cx="80" cy="0" r="23" class="front"/>
|
||||||
|
|
||||||
|
<text x="0" y="184" text-anchor="middle" font-size="64pt" class="logo">
|
||||||
|
Spack
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
64
share/spack/logo/spack-logo-white-text.svg
Normal file
64
share/spack/logo/spack-logo-white-text.svg
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="850" height="256"
|
||||||
|
viewBox="-128 -128 850 256"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:ev="http://www.w3.org/2001/xml-events">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.logo { font-family:Arial; font-weight:bold; fill:#ffffff; }
|
||||||
|
.diamond { fill:#ffffff; }
|
||||||
|
circle.back { fill:#ffa600; stroke:#ffffff; stroke-width:6; }
|
||||||
|
circle.front { fill:#0e3d7e; stroke:#ffffff; stroke-width:6; }
|
||||||
|
line.back { stroke:#ffa600; stroke-width:7; }
|
||||||
|
line.front { stroke:#0e3d7e; stroke-width:7; }
|
||||||
|
line.shadow { stroke:#ffffff; stroke-width:7; }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<!-- need two arrows b/c we can't sync color with the marked element -->
|
||||||
|
<marker id="barrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffa600"/>
|
||||||
|
</marker>
|
||||||
|
<marker id="farrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#0e3d7e"/>
|
||||||
|
</marker>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- rounded diamond shape -->
|
||||||
|
<rect x="-97" y="-97" width="194" height="194" rx="26" ry="26"
|
||||||
|
transform="rotate(45)" class="diamond"/>
|
||||||
|
|
||||||
|
<!-- background dependency structure -->
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="-29" transform="rotate(42 -11 -80)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-80" y1="0" x2="-80" y2="57" transform="rotate(-45 -80 0)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="28" class="back"
|
||||||
|
marker-end="url(#barrow)"/>
|
||||||
|
|
||||||
|
<circle cx="-11" cy="-80" r="23" class="back"/>
|
||||||
|
<circle cx="0" cy="80" r="23" class="back"/>
|
||||||
|
<circle cx="-80" cy="0" r="23" class="back"/>
|
||||||
|
|
||||||
|
<!-- foreground dependency structure -->
|
||||||
|
<line x1="18" y1="-80" x2="18" y2="0" transform="rotate(42 17 -80)"
|
||||||
|
class="shadow"/>
|
||||||
|
<line x1="13" y1="-80" x2="13" y2="-5" transform="rotate(42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="-29" transform="rotate(-42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="80" y1="0" x2="80" y2="57" transform="rotate(45 80 0)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="28" class="front"
|
||||||
|
marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<circle cx="11" cy="-80" r="23" class="front"/>
|
||||||
|
<circle cx="80" cy="0" r="23" class="front"/>
|
||||||
|
|
||||||
|
<text x="160" y="64" font-size="128pt" class="logo">Spack</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
61
share/spack/logo/spack-logo-white.svg
Normal file
61
share/spack/logo/spack-logo-white.svg
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="256" height="256"
|
||||||
|
viewBox="-128 -128 256 256"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:ev="http://www.w3.org/2001/xml-events">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.diamond { fill:#ffffff; }
|
||||||
|
circle.back { fill:#ffa600; stroke:#ffffff; stroke-width:6; }
|
||||||
|
circle.front { fill:#0e3d7e; stroke:#ffffff; stroke-width:6; }
|
||||||
|
line.back { stroke:#ffa600; stroke-width:7; }
|
||||||
|
line.front { stroke:#0e3d7e; stroke-width:7; }
|
||||||
|
line.shadow { stroke:#ffffff; stroke-width:7; }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<!-- need two arrows b/c we can't sync color with the marked element -->
|
||||||
|
<marker id="barrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffa600"/>
|
||||||
|
</marker>
|
||||||
|
<marker id="farrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#0e3d7e"/>
|
||||||
|
</marker>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- rounded diamond shape -->
|
||||||
|
<rect x="-97" y="-97" width="194" height="194" rx="26" ry="26"
|
||||||
|
transform="rotate(45)" class="diamond"/>
|
||||||
|
|
||||||
|
<!-- background dependency structure -->
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="-29" transform="rotate(42 -11 -80)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-80" y1="0" x2="-80" y2="57" transform="rotate(-45 -80 0)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="28" class="back"
|
||||||
|
marker-end="url(#barrow)"/>
|
||||||
|
|
||||||
|
<circle cx="-11" cy="-80" r="23" class="back"/>
|
||||||
|
<circle cx="0" cy="80" r="23" class="back"/>
|
||||||
|
<circle cx="-80" cy="0" r="23" class="back"/>
|
||||||
|
|
||||||
|
<!-- foreground dependency structure -->
|
||||||
|
<line x1="18" y1="-80" x2="18" y2="0" transform="rotate(42 17 -80)"
|
||||||
|
class="shadow"/>
|
||||||
|
<line x1="13" y1="-80" x2="13" y2="-5" transform="rotate(42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="-29" transform="rotate(-42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="80" y1="0" x2="80" y2="57" transform="rotate(45 80 0)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="28" class="front"
|
||||||
|
marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<circle cx="11" cy="-80" r="23" class="front"/>
|
||||||
|
<circle cx="80" cy="0" r="23" class="front"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
61
share/spack/logo/spack-logo.svg
Normal file
61
share/spack/logo/spack-logo.svg
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="256" height="256"
|
||||||
|
viewBox="-128 -128 256 256"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:ev="http://www.w3.org/2001/xml-events">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.diamond { fill:#0f3a80; }
|
||||||
|
circle.back { fill:#ffa600; stroke:#0f3a80; stroke-width:6; }
|
||||||
|
circle.front { fill:#ffffff; stroke:#0f3a80; stroke-width:6; }
|
||||||
|
line.back { stroke:#ffa600; stroke-width:7; }
|
||||||
|
line.front { stroke:#ffffff; stroke-width:7; }
|
||||||
|
line.shadow { stroke:#0f3a80; stroke-width:7; }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<!-- need two arrows b/c we can't sync color with the marked element -->
|
||||||
|
<marker id="barrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffa600"/>
|
||||||
|
</marker>
|
||||||
|
<marker id="farrow" markerWidth="4" markerHeight="3" refX=".05" refY="1.5"
|
||||||
|
orient="auto" markerUnits="strokeWidth">
|
||||||
|
<path d="M0,0 L0,3 L4,1.5 z" fill="#ffffff"/>
|
||||||
|
</marker>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- rounded diamond shape -->
|
||||||
|
<rect x="-97" y="-97" width="194" height="194" rx="26" ry="26"
|
||||||
|
transform="rotate(45)" class="diamond"/>
|
||||||
|
|
||||||
|
<!-- background dependency structure -->
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="-29" transform="rotate(42 -11 -80)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-80" y1="0" x2="-80" y2="57" transform="rotate(-45 -80 0)"
|
||||||
|
class="back" marker-end="url(#barrow)"/>
|
||||||
|
<line x1="-11" y1="-80" x2="-11" y2="28" class="back"
|
||||||
|
marker-end="url(#barrow)"/>
|
||||||
|
|
||||||
|
<circle cx="-11" cy="-80" r="23" class="back"/>
|
||||||
|
<circle cx="0" cy="80" r="23" class="back"/>
|
||||||
|
<circle cx="-80" cy="0" r="23" class="back"/>
|
||||||
|
|
||||||
|
<!-- foreground dependency structure -->
|
||||||
|
<line x1="18" y1="-80" x2="18" y2="0" transform="rotate(42 17 -80)"
|
||||||
|
class="shadow"/>
|
||||||
|
<line x1="13" y1="-80" x2="13" y2="-5" transform="rotate(42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="-29" transform="rotate(-42 11 -80)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="80" y1="0" x2="80" y2="57" transform="rotate(45 80 0)"
|
||||||
|
class="front" marker-end="url(#farrow)"/>
|
||||||
|
<line x1="11" y1="-80" x2="11" y2="28" class="front"
|
||||||
|
marker-end="url(#farrow)"/>
|
||||||
|
|
||||||
|
<circle cx="11" cy="-80" r="23" class="front"/>
|
||||||
|
<circle cx="80" cy="0" r="23" class="front"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
Loading…
Reference in a new issue