<svg style="display: none">
  <defs>
    <g id="tape" fill="currentColor">
      <path id="Base" d="M114.37353.16258c1.25764,6.18,8.89256,5.97087,8.60955,11.954a20.34749,20.34749,0,0,1,.53654,2.86469c.03013.93905-3.46052,3.282-3.43237,4.18034.00766.68175.02405,1.36544.04236,2.04451s3.49535,1.89508,3.51394,2.57924c.036,1.56866.06741,3.1354.09367,4.66939.04293,1.18642-2.38784,4.58975-2.371,7.34808.02119,3.50073,2.43753,4.51764,1.21223,6.29451-2.04125,2.95158-12.81508,2.85362-21.43816,2.72986-8.79552-.12057-17.68724.25742-26.6201.24258q-1.64925.00267-3.3019-.00822c-6.09932-.01145-13.73523.19377-19.88741.03374-1.09.00832-2.192.02175-3.29116.03445-11.02765.15567-22.0056.57-32.804,1.61568-1.04576.02814-2.04133.055-2.976.082l-8.964.24254-.068-2.42889c.46239-1.11665-1.279-2.59839-.95579-3.71094S4.9795,39.0688,5.17972,37.95524a39.93646,39.93646,0,0,0,.49745-9.11313c-.0893-1.82129-1.60907-2.14819-1.85632-3.99882-.11979-.88555,1.08268-3.2857.94177-4.1814-.0578-.34431-4.66538-1.76657-4.72124-2.11137-.24394-1.46064.68193-3.33743.40933-4.83C-.11673,10.647,2.6484,8.98576,2.1598,5.76252c-.04436-1.62225-.071-2.51474-.071-2.51474s8.42872-.23051,20.83364-.572c.65263-.01682,1.31813-.03585,1.99065-.05562,14.78145.51322,28.9999.22771,43.16163-.33638,1.01059-.04093,2.02-.07846,3.00972-.09559C87.581,7.57723,96.31757-1.41758,112.49928.19715,113.71144.17869,114.37353.16258,114.37353.16258Z" opacity="0.7" />
      <g id="Dark_Areas" data-name="Dark Areas">
        <path id="Path_312" data-name="Path 312" d="M15.11858,19.86169c7.50673-.59137,4.48414,2.17724,19.28359-4.75106s27.5437-6.5117,30.76-5.45073,18.92611,3.61944,18.92611,3.61944-18.23478-.72566-25.04387.68726S44.4901,16.826,38.90484,19.43428,15.11858,19.86169,15.11858,19.86169Z" opacity="0.14" style="isolation:isolate" />
        <path id="Path_313" data-name="Path 313" d="M3.80957,15.20856c4.1241-.88758,9.9189-2.15139,11.113-2.50767,1.894-.56649,19.907-4.13045,15.92469-4.019l-14.44575.39841c-1.63851.04535-7.84426,2.59332-13.321,2.1426C3.32313,12.56328,3.56855,13.89465,3.80957,15.20856Z" opacity="0.14" style="isolation:isolate" />
        <path id="Path_316" data-name="Path 316" d="M106.50448,6.60231c-4.49171,2.42586-14.77241,7.15042-24.24167,5.70112,0,0,14.50231,1.858,18.03594,1.79143s6.32082-1.73857,11.12625-2.59452c3.53418-.63391,9.304,2.60768,12.12516,4.3724-.00849-.29588-.01866-.58618-.02545-.88764a20.346,20.346,0,0,0-.53653-2.86469c.13705-2.83111-1.50945-4.27589-3.40593-5.66909C116.48892,6.27614,110.05234,4.68318,106.50448,6.60231Z" opacity="0.14" style="isolation:isolate" />
      </g>
      <g id="Light_Areas" data-name="Light Areas">
        <path id="Path_314" data-name="Path 314" d="M57.41006,32.25792c7.59872,1.8387,11.41957-4.91946,16.13978-4.79082S92.367,23.15724,97.07578,24.15394L80.90327,28.20435s-6.40208-.5096-9.631,2.13977-8.22948,3.2956-8.22948,3.2956Z" fill="#fff" opacity="0.8" style="isolation:isolate" />
        <path id="Path_315" data-name="Path 315" d="M38.05564,34.32713s4.87468-5.55811,7.73382-4.5846,8.4681-.77046,9.1888-.25066,7.48213.83891,7.48213.83891-6.2819-2.38363-8.78169-2.06064-8.86629.20867-10.04638.2603S38.05564,34.32713,38.05564,34.32713Z" fill="#fff" opacity="0.8" style="isolation:isolate" />
        <g id="Group_304" data-name="Group 304" opacity="0.3">
          <path id="Path_317" data-name="Path 317" d="M19.69417,27.871c2.1425-.33308,4.3988-.48857,6.31568-1.46814.93-.50841,1.86047-1.21182,2.88781-1.68182a25.45041,25.45041,0,0,1,3.11384-1.24272A54.45589,54.45589,0,0,1,38.421,21.8175a30.23547,30.23547,0,0,1,6.6158-.65273c4.46957.22267,8.69291,1.60554,12.97952.88019,2.14-.26129,4.26294-.81942,6.42888-1.21511a13.88711,13.88711,0,0,1,6.55138.15234,14.61309,14.61309,0,0,0-6.45371.40363c-2.11726.49894-4.22553,1.15648-6.41161,1.53766-4.43836.92957-8.88175-.5-13.12317-.61511-4.27957-.16015-8.57167.92028-12.77135,2.01148a25.37778,25.37778,0,0,0-3.07435,1.06366c-1.00951.40158-1.89909,1.02973-2.93949,1.52571a10.96206,10.96206,0,0,1-3.25044.76563C21.88222,27.80079,20.786,27.84987,19.69417,27.871Z" fill="#fff" />
        </g>
        <path id="Path_318" data-name="Path 318" d="M15.74569,33.70026c-1.3.16121-2.6489.34506-3.90626.45842-1.2676.08913-2.57559.0915-3.87877.072-.77613-.01087-1.55426-.05423-2.33187-.08329-.06.8514-.14761,1.69945-.27042,2.54294.891-.0531,1.77787-.09383,2.671-.16295,1.33595-.11253,2.66557-.23789,4.02121-.4688,1.35972-.25566,2.61461-.55505,3.92214-.84191l15.50514-3.539Z" fill="#fff" opacity="0.3" style="isolation:isolate" />
        <path id="Path_319" data-name="Path 319" d="M49.81114,40.02074,54.58,45.1436c5.45373.044,11.57075-.09543,16.63807-.083L57.66818,41.72635s-6.17731-4.43832-7.26539-4.02521-12.24561.3148-12.24561.3148Z" fill="#fff" opacity="0.3" style="isolation:isolate" />
      </g>
    </g>
  </defs>
</svg>

<style>
  .tape {
    width: var(--size);
    transform: rotate(var(--angle));
    margin: 30px;
  }
</style>

<svg class="tape" style="--angle: 10deg; color: red; --size: 120px;" aria-hidden="true" focusable="false" viewBox="0 0 123 47">
  <use href="#tape"></use>
</svg>

<svg class="tape" style="--angle: -10deg; color: blue; --size: 150px;" aria-hidden="true" focusable="false" viewBox="0 0 123 47">
  <use href="#tape"></use>
</svg>

<svg class="tape" style="--angle: -30deg; color: green; --size: 90px;" aria-hidden="true" focusable="false" viewBox="0 0 123 47">
  <use href="#tape"></use>
</svg>
body {
  text-align: center;
  padding-top: 2rem;
}

// The tape is taken from Freepik.
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.