SVG Pattern Library

PHOTO EMBED

Thu Apr 21 2022 06:07:41 GMT+0000 (UTC)

Saved by @alexmwalker #svg #patterns

<svg viewbox="0 0 00 300" xmlns="http://www.w3.org/000/svg"> 
2
  <defs> 
3
   <!-- ##### SYMBOLS  ##### -->

      <symbol id="wavebase">

          <path fill="none" d="M -4 4 C -4 47 25 75 50 75 C 75 75 5 25 0 25 C 5 25 204 53 204 53"/>

      </symbol>
7
   

   <symbol id="filligree">

     

      <rect class="hide" x="0" y="0" width="4" height="12" />     

      <path stroke="#337700" stroke-width="0.3" fill="none"  
12
             d="M -2 9 

                C -4 9 2 1 0 1

                C -2 1 4 9 2 9
15
                C  0 9 6 1 4 1

                C  2 1 8 9 6 9"></path>
17
    </symbol>

   

   <pattern id="cardio-1" patternUnits="userSpaceOnUse" width="4"  height="10" patternTransform="rotate(0) skewX(0) scale(1 3)"> 
content_copyCOPY

SVG Pattern elements referencing symbols

https://codepen.io/alexmwalker/pen/gOGPPXz