angle-swatch.svg - mozsearch

Enable keyboard shortcuts

Checkerboard

<!-- This Source Code Form is subject to the terms of the Mozilla Public

   - License, v. 2.0. If a copy of the MPL was not distributed with this

   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12px" height="12px">

  <mask id="angle-mask">

    <rect width="100%" height="100%" fill="#fff"/>

    <polygon points="6 6, 12 12, 0 12, 0 0, 6 0, 6 6"/>

  </mask>

  <mask id="circle-mask">

    <circle cx="6" cy="6" r="6" fill="#fff"/>

  </mask>

  <circle cx="6" cy="6" r="6" fill="context-fill"/>

  <circle cx="6" cy="6" r="6" fill="context-stroke" mask="url(#angle-mask)"/>

  <line x1="6" y1="0" x2="6" y2="6" stroke-width="0.5" stroke="context-stroke rgba(0,0,0,0.5)"></line>

  <line x1="6" y1="6" x2="12" y2="12" stroke-width="0.5" stroke="context-stroke rgba(0,0,0,0.5)" mask="url(#circle-mask)"></line>

</svg>