Create an SVG and use it as a background image

Topics
SVG
  1. Create an svg in a program like inkscape, or type it out.
  2. Add the svg as a file or embedded code to your project.
    • There are multiple ways to do this, see the attached resource.
  3. Create an element that uses an svg for the background.
  4. Experiment with ways you can adjust it for interesting effects.
    • Try rotations, masking, clipping, filtering, etc.
Resources
Coloring SVGs in CSS Background Images
Example
https://codepen.io/mortona42/pen/OJELgXL
Classes
SVG