twisty.svg (1306B)
1 <?xml version="1.0"?> 2 <!-- This Source Code Form is subject to the terms of the Mozilla Public 3 - License, v. 2.0. If a copy of the MPL was not distributed with this 4 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 5 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9" height="9"> 6 <style> 7 use:not(:target) { 8 display: none; 9 } 10 use { 11 stroke: #fff; 12 opacity: 0.85; 13 fill: #fff; 14 } 15 use[id^="open"] { 16 opacity: 1; 17 } 18 use[id*="-hover"] { 19 stroke: #1cc4f7; 20 opacity: 1; 21 fill: #c0e8f9; 22 } 23 </style> 24 <defs> 25 <path id="clsd-shape" d="m 2.5,0.5 4,4 -4,4 z"/> 26 <path id="open-shape" d="M 7.5,3 7.5,7.5 3,7.5 3,6.5 6.5,3 Z"/> 27 <path id="clsd-rtl-shape" d="m 6.5,0.5 -4,4 4,4 z"/> 28 <path id="open-rtl-shape" d="m 1.5,3 0,4.5 4.5,0 0,-1 L 2.5,3 Z"/> 29 </defs> 30 <use id="clsd" xlink:href="#clsd-shape"/> 31 <use id="clsd-hover" xlink:href="#clsd-shape"/> 32 <use id="open" xlink:href="#open-shape"/> 33 <use id="open-hover" xlink:href="#open-shape"/> 34 <use id="clsd-rtl" xlink:href="#clsd-rtl-shape"/> 35 <use id="clsd-hover-rtl" xlink:href="#clsd-rtl-shape"/> 36 <use id="open-rtl" xlink:href="#open-rtl-shape"/> 37 <use id="open-hover-rtl" xlink:href="#open-rtl-shape"/> 38 </svg>