palemoon-dev/platform/devtools/client/responsive.html/images/select-arrow.svg

<!-- 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" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
  <defs>
    <style>
      use:not(:target) {
        display: none;
      }
      #light {
        fill: #999797;
      }
      #light-hovered {
        fill: #393f4c; /* --theme-body-color */
      }
      #light-selected {
        fill: #3b3b3b;
      }
      #dark {
        fill: #c6ccd0;
      }
      #dark-hovered {
        fill: #dde1e4;
      }
      #dark-selected {
        fill: #fcfcfc;
      }
    </style>
    <path id="base-path" d="M7.9 16.3c-.3 0-.6-.1-.8-.4l-4-4.8c-.2-.3-.3-.5-.1-.8.1-.3.5-.3.9-.3h8c.4 0 .7 0 .9.3.2.4.1.6-.1.9l-4 4.8c-.2.3-.5.3-.8.3zM7.8 0c.3 0 .6.1.7.4L12.4 5c.2.3.3.4.1.7-.1.4-.5.3-.8.3H3.9c-.4 0-.8.1-.9-.2-.2-.4-.1-.6.1-.9L7 .3c.2-.3.5-.3.8-.3z"/>
  </defs>
  <use xlink:href="#base-path" id="light"/>
  <use xlink:href="#base-path" id="light-hovered"/>
  <use xlink:href="#base-path" id="light-selected"/>
  <use xlink:href="#base-path" id="dark"/>
  <use xlink:href="#base-path" id="dark-hovered"/>
  <use xlink:href="#base-path" id="dark-selected"/>
</svg>