178f49cb86
SVG : Add a selection of variations of the Slixfeed logo.
48 lines
2 KiB
XML
48 lines
2 KiB
XML
<svg height="600" width="600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve">
|
|
<defs>
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="5" />
|
|
<feOffset dx="5" dy="5" result="offsetblur" />
|
|
<feFlood flood-color="rgba(0,0,0,0.5)" />
|
|
<feComposite in2="offsetblur" operator="in" />
|
|
<feMerge>
|
|
<feMergeNode />
|
|
<feMergeNode in="SourceGraphic" />
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<!-- Glass Gradient -->
|
|
<linearGradient id="glassGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:rgba(255, 255, 255, 0.3); stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:rgba(255, 255, 255, 0.1); stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Black shapes with orange margins -->
|
|
<path d="M167 406a60 60 0 1 1-120 0 60 60 0 0 1 120 0z"
|
|
style="fill:url(#glassGradient); stroke:#e15a00; stroke-width:10; filter:url(#shadow);"
|
|
transform="translate(44 44)" />
|
|
|
|
<path d="M47 186v80c110 0 199 89 199 199h80c0-154-125-279-279-279z"
|
|
style="fill:url(#glassGradient); stroke:#e15a00; stroke-width:10; filter:url(#shadow);"
|
|
transform="translate(44 44)" />
|
|
|
|
<path d="M47 47v79c187 0 338 152 338 339h80C465 234 277 47 47 47z"
|
|
style="fill:url(#glassGradient); stroke:#e15a00; stroke-width:10; filter:url(#shadow);"
|
|
transform="translate(44 44)" />
|
|
|
|
<!-- Glass Shadow Effect Layer -->
|
|
<g filter="url(#shadow)">
|
|
<path d="M167 406a60 60 0 1 1-120 0 60 60 0 0 1 120 0z"
|
|
style="fill:url(#glassGradient); stroke:none;"
|
|
transform="translate(44 44)" />
|
|
|
|
<path d="M47 186v80c110 0 199 89 199 199h80c0-154-125-279-279-279z"
|
|
style="fill:url(#glassGradient); stroke:none;"
|
|
transform="translate(44 44)" />
|
|
|
|
<path d="M47 47v79c187 0 338 152 338 339h80C465 234 277 47 47 47z"
|
|
style="fill:url(#glassGradient); stroke:none;"
|
|
transform="translate(44 44)" />
|
|
</g>
|
|
</svg>
|