Gradient stroke SVG

This commit is contained in:
Curtis Hard
2018-03-02 14:09:50 +00:00
parent 6d4eb76803
commit 35f8663631
+19
View File
@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="447px" height="336px" viewBox="0 0 447 336" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
<title>Rectangle</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#1E54F6" offset="0%"></stop>
<stop stop-color="#EE2323" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="0" y="0" width="447" height="336"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Rectangle">
<use fill="#D8D8D8" fill-rule="evenodd" xlink:href="#path-2"></use>
<rect stroke="url(#linearGradient-1)" stroke-width="10" x="5" y="5" width="437" height="326"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 992 B