chevron-animation.svg

mozilla-central/browser/themes/shared/icons/chevron-animation.svg

Enable keyboard shortcuts

Source code

File a bug in Firefox :: Theme

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Checkerboard

Preview of https://hg.mozilla.org/mozilla-central/raw-file/tip/browser/themes/shared/icons/chevron-animation.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" width="848" height="16">

  <defs>

    <path d="M14.264 8.353c0 0-5.465 5.466-5.465 5.466a.628.628 0 0 1-.884-.001.63.63 0 0 1 0-.885c0 0 4.937-4.934 4.937-4.934 0 0-4.935-4.931-4.935-4.931a.625.625 0 1 1 .884-.885c0 0 5.465 5.465 5.465 5.465 0 0-.002.705-.002.705z" id="b"/>

    <path d="M8.264 8.353c0 0-5.463 5.466-5.463 5.466a.63.63 0 0 1-.886-.001.63.63 0 0 1 0-.885c0 0 4.935-4.934 4.935-4.934 0 0-4.933-4.931-4.933-4.931a.63.63 0 0 1 0-.885.628.628 0 0 1 .886 0c0 0 5.463 5.465 5.463 5.465 0 0-.002.705-.002.705z" id="a"/>

  </defs>

  <svg viewBox="0 0 16 16" width="16" height="16">

    <g fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="16">

    <g fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".03" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="32">

    <g opacity=".97" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".09" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="48">

    <g opacity=".89" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".19" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="64">

    <g opacity=".77" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".3" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="80">

    <g opacity=".64" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".43" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="96">

    <g opacity=".48" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".57" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="112">

    <g opacity=".32" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".72" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="128">

    <g opacity=".15" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".87" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="144">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="160">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="176">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="192">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="208">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="224">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="240">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="256">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="272">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="288">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="304">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="320">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="336">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="352">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="368">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="384">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="400">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="416">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="432">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="448">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="464">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="480">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="496">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="512">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="528">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="544">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="560">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="576">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="592">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="608">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="624">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="640">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="656">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="672">

    <g fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="688">

    <g opacity=".03" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".97" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="704">

    <g opacity=".09" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".91" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="720">

    <g opacity=".19" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".81" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="736">

    <g opacity=".3" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".7" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="752">

    <g opacity=".43" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".57" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="768">

    <g opacity=".57" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".43" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="784">

    <g opacity=".72" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".28" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="800">

    <g opacity=".87" fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

    <g opacity=".13" fill="context-stroke">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="816">

    <g fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

  <svg viewBox="0 0 16 16" width="16" height="16" x="832">

    <g fill="context-fill">

      <use href="#a"/>

      <use href="#b"/>

    </g>

  </svg>

</svg>