Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:

VS Code Icons · VscKeyboardTabBelow

Keyboard Tab Below icon

A free keyboard tab below icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known astype icon typing icon input icon keys icon

License: CC BY 4.0 license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/keyboard-tab-below.json

components/icons/vscode-codicons-keyboard-tab-below.tsx

import * as React from "react";

/**
 * Keyboard Tab Below from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/keyboard-tab-below. Sized in em, colored by currentColor.
 */
export function VscKeyboardTabBelowIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.501 13C1.777 13 2.001 12.776 2.001 12.5V9.5C2.001 8.673 2.674 8 3.501 8H11.294L8.648 10.646C8.453 10.841 8.453 11.158 8.648 11.353C8.843 11.548 9.16 11.548 9.355 11.353L12.855 7.853C13.05 7.658 13.05 7.341 12.855 7.146L9.355 3.646C9.257 3.548 9.129 3.5 9.001 3.5C8.873 3.5 8.745 3.549 8.647 3.646C8.452 3.841 8.452 4.158 8.647 4.353L11.293 6.999H3.5C2.121 6.999 1 8.12 1 9.499V12.499C1 12.775 1.224 12.999 1.5 12.999L1.501 13Z"
      />
      <path
        d="M14 3.00093V12.0009L14.008 12.0909C14.0303 12.2139 14.0977 12.324 14.1972 12.3997C14.2966 12.4754 14.4207 12.5111 14.5452 12.4998C14.6696 12.4885 14.7853 12.431 14.8695 12.3387C14.9537 12.2464 15.0002 12.1259 15 12.0009V3.00093L14.992 2.91093C14.9697 2.78798 14.9023 2.67782 14.8028 2.60215C14.7034 2.52647 14.5793 2.49076 14.4548 2.50205C14.3304 2.51334 14.2147 2.57081 14.1305 2.66314C14.0463 2.75548 13.9998 2.87598 14 3.00093Z"
      />
    </svg>
  );
}

With react-icons

import { VscKeyboardTabBelow } from "react-icons/vsc";

export function Example() {
  return <VscKeyboardTabBelow className="size-5" />;
}

keyboard-tab-below.svg

<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M1.501 13C1.777 13 2.001 12.776 2.001 12.5V9.5C2.001 8.673 2.674 8 3.501 8H11.294L8.648 10.646C8.453 10.841 8.453 11.158 8.648 11.353C8.843 11.548 9.16 11.548 9.355 11.353L12.855 7.853C13.05 7.658 13.05 7.341 12.855 7.146L9.355 3.646C9.257 3.548 9.129 3.5 9.001 3.5C8.873 3.5 8.745 3.549 8.647 3.646C8.452 3.841 8.452 4.158 8.647 4.353L11.293 6.999H3.5C2.121 6.999 1 8.12 1 9.499V12.499C1 12.775 1.224 12.999 1.5 12.999L1.501 13Z"
  />
  <path
    d="M14 3.00093V12.0009L14.008 12.0909C14.0303 12.2139 14.0977 12.324 14.1972 12.3997C14.2966 12.4754 14.4207 12.5111 14.5452 12.4998C14.6696 12.4885 14.7853 12.431 14.8695 12.3387C14.9537 12.2464 15.0002 12.1259 15 12.0009V3.00093L14.992 2.91093C14.9697 2.78798 14.9023 2.67782 14.8028 2.60215C14.7034 2.52647 14.5793 2.49076 14.4548 2.50205C14.3304 2.51334 14.2147 2.57081 14.1305 2.66314C14.0463 2.75548 13.9998 2.87598 14 3.00093Z"
  />
</svg>

Attribution

"Keyboard Tab Below" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: type, typing, input, keys

Similar VS Code Icons icons