angle-swatch.svg 888 B

123456789101112131415161718
  1. <?xml version="1.0" encoding="UTF-8"?>
  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" viewBox="0 0 12 12" width="12px" height="12px">
  6. <mask id="angle-mask">
  7. <rect width="100%" height="100%" fill="#fff"/>
  8. <polygon points="6 6, 12 12, 0 12, 0 0, 6 0, 6 6"/>
  9. </mask>
  10. <mask id="circle-mask">
  11. <circle cx="6" cy="6" r="6" fill="#fff"/>
  12. </mask>
  13. <circle cx="6" cy="6" r="6" fill="#fff"/>
  14. <circle cx="6" cy="6" r="6" mask="url(#angle-mask)" fill="#aeb0b1"/>
  15. <line x1="6" y1="0" x2="6" y2="6" stroke-width="0.5" stroke="rgba(0,0,0,0.5)"></line>
  16. <line x1="6" y1="6" x2="12" y2="12" stroke-width="0.5" stroke="rgba(0,0,0,0.5)" mask="url(#circle-mask)"></line>
  17. </svg>