shield-non-scaling.svg

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 74 89" xmlns="http://www.w3.org/2000/svg">
 <defs>
  <style>
   :root {
    --keyline: clamp(1px, 1vw, 5px);
    /*--keyline: 1px;*/
    --keyback: calc(var(--keyline) * 4);
   }

   .logo-2 {
    fill: #fff
   }

   .logo-3 {
    fill: #e31837
   }

   .keyline {
    fill: none;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    stroke-width: var(--keyline);
   }

   .base {
    stroke: rgb(204, 7, 7);
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    stroke-width: var(--keyback);
   }
   
   .bg{
    fill: rgb(67, 197, 36);
   }
   @media only screen and (min-width: 274px) {
    .bg {
     fill: rgb(197, 63, 36);
    }
   }
  </style>

 </defs>
 <g class="logobase">
  <desc>The Salvation Army white logo text on a red shield</desc>
  <title>The Salvation Army</title>
  <rect class="bg" width="74" height="88.8" style="stroke: rgb(0, 0, 0); " rx="0.3" ry="0.3" />
  <path d="M 68.32 24.8 C 67.22 15.2 70 6.25 70 6.25 C 70 6.25 60.7 10.05 53.9 9.45 C 40.6 8.35 39.2 2.45 37.2 2.45 C 35.1 2.45 33.8 8.25 20.5 9.35 C 13.6 10.05 4.3 6.25 4.3 6.25 C 4.3 6.25 7.6 15.15 6.1 24.55 C 5.29 29.65 2.4 44.75 2.4 55.15 C 2.55 59.12 3.57 63.02 5.4 66.55 C 10.5 75.45 22.1 77.05 26.4 79.25 C 32.5 81.85 37.3 86.35 37.3 86.35 C 37.3 86.35 42.1 81.85 48.2 79.25 C 52.5 77.05 64.1 75.45 69.2 66.55 C 71.2 63.65 72.1 57.55 72.2 55.15 C 72 44.75 68.68 27.7 68.32 24.8 Z" class="base" fill="#E31837" />
  <path d="M 68.32 24.8 C 67.22 15.2 70 6.25 70 6.25 C 70 6.25 60.7 10.05 53.9 9.45 C 40.6 8.35 39.2 2.45 37.2 2.45 C 35.1 2.45 33.8 8.25 20.5 9.35 C 13.6 10.05 4.3 6.25 4.3 6.25 C 4.3 6.25 7.6 15.15 6.1 24.55 C 5.29 29.65 2.4 44.75 2.4 55.15 C 2.55 59.12 3.57 63.02 5.4 66.55 C 10.5 75.45 22.1 77.05 26.4 79.25 C 32.5 81.85 37.3 86.35 37.3 86.35 C 37.3 86.35 42.1 81.85 48.2 79.25 C 52.5 77.05 64.1 75.45 69.2 66.55 C 71.2 63.65 72.1 57.55 72.2 55.15 C 72 44.75 68.68 27.7 68.32 24.8 Z" stroke="white" class="keyline" />
 </g>
</svg>