tab-arrow.svg (1092B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <svg xmlns="http://www.w3.org/2000/svg" 3 xmlns:xlink="http://www.w3.org/1999/xlink" 4 x="0" 5 y="0" 6 width="15" 7 height="17" 8 viewBox="0 0 15 17"> 9 <style> 10 .t:not(:target){ 11 display: none; 12 } 13 use { 14 stroke-width: 0; 15 fill: #e5e5e5; 16 } 17 g[id$="inverted"] use { 18 fill: #333; 19 } 20 g .glow { 21 stroke-width: 0; 22 fill: #fff; 23 filter: url(#blur-filter); 24 opacity: .28; 25 } 26 g[id$="inverted"] .glow { 27 fill: #000; 28 } 29 </style> 30 <defs> 31 <filter id="blur-filter"> 32 <feGaussianBlur stdDeviation=".5"/> 33 </filter> 34 <path id="left-shape" d="M 10,5 v 8 l -6,-4 l 6,-4 z"/> 35 <path id="left-glow-shape" d="M 10.7,5 v 8 l -1.1,.9 l -6.4,-4.9 l 6.4,-4.9 l 1.1,.9 z"/> 36 </defs> 37 <g id="left" class="t"> 38 <use xlink:href="#left-glow-shape" class="glow"/> 39 <use xlink:href="#left-shape"/> 40 </g> 41 <g id="left-inverted" class="t"> 42 <use xlink:href="#left-glow-shape" class="glow"/> 43 <use xlink:href="#left-shape"/> 44 </g> 45 </svg>