SVG in CSS

svg-as-css-variable.css

--icon-search: url('data:image/svg+xml,\
<svg viewBox="-24 -24 48 48" xmlns="http://www.w3.org/2000/svg">\
  <title>Search</title>\
  <g transform="translate(-4 -8)">\
    <g transform="rotate(45)" fill="none" stroke="black">\
      <circle r="14" stroke-width="3"/>\
      <line x1="17" x2="30" stroke-width="6" stroke-linecap="round"/>\
    </g>\
  </g>\
</svg>');