diff options
Diffstat (limited to 'browser/themes/shared/icons/chevron-animation.svg')
| -rw-r--r-- | browser/themes/shared/icons/chevron-animation.svg | 391 |
1 files changed, 391 insertions, 0 deletions
diff --git a/browser/themes/shared/icons/chevron-animation.svg b/browser/themes/shared/icons/chevron-animation.svg new file mode 100644 index 0000000000..0cf17dcc46 --- /dev/null +++ b/browser/themes/shared/icons/chevron-animation.svg @@ -0,0 +1,391 @@ +<!-- 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> |