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

VS Code Icons · VscVscodeInsidersOutline

Vscode Insiders Outline icon

A free vscode insiders outline 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.

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/vscode-insiders-outline.json

components/icons/vscode-codicons-vscode-insiders-outline.tsx

import * as React from "react";

/**
 * Vscode Insiders Outline from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/vscode-insiders-outline. Sized in em, colored by currentColor.
 */
export function VscVscodeInsidersOutlineIcon(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="M5.92999 5.7698L7.73999 7.1498C7.82999 7.2198 7.93999 7.2498 8.03999 7.2498C8.13999 7.2498 8.24999 7.2198 8.33999 7.1498L10.8 5.2898C10.92 5.1998 11 5.0498 11 4.8898V1.4798C11 1.2798 10.88 1.0998 10.7 1.0198C10.52 0.939798 10.31 0.969798 10.16 1.1098L5.88999 4.9998C5.77999 5.0998 5.71999 5.2398 5.72999 5.3898C5.73999 5.5398 5.80999 5.6798 5.92999 5.7698ZM9.99999 2.6098V4.6398L8.03999 6.1198L7.00999 5.3398L9.99999 2.6098ZM10.8 10.7298L1.93999 3.9998C1.68999 3.8198 1.32999 3.8298 1.08999 4.0398L0.20999 4.8398C0.0699902 4.9698 -0.0100098 5.1498 -0.0100098 5.3298C-0.0100098 5.5098 0.0699902 5.6998 0.20999 5.8198L10.16 14.8898C10.25 14.9798 10.37 15.0198 10.5 15.0198C10.57 15.0198 10.64 15.0098 10.7 14.9798C10.88 14.8998 11 14.7198 11 14.5198V11.1098C11 10.9498 10.93 10.8098 10.8 10.7098V10.7298ZM9.99999 13.3998L1.15999 5.3398L1.56999 4.9698L9.99999 11.3698V13.3998ZM15.43 1.7298L12.72 0.429798C12.56 0.349798 12.38 0.359798 12.24 0.459798C12.09 0.549798 12.01 0.709798 12.01 0.879798V15.1298C12.01 15.2998 12.1 15.4598 12.24 15.5498C12.32 15.5998 12.41 15.6298 12.51 15.6298C12.58 15.6298 12.66 15.6098 12.73 15.5798L15.45 14.2698C15.79 14.0998 16.01 13.7498 16.01 13.3698V2.6298C16.01 2.2498 15.79 1.8898 15.44 1.7298H15.43ZM13 14.3398V1.6698L15 2.6298V13.3698L13 14.3298V14.3398ZM2.18999 8.9898C1.99999 8.8198 1.70999 8.8198 1.51999 8.9898L0.20999 10.1798C0.0699902 10.3098 -9.76585e-06 10.4798 -9.76585e-06 10.6698C-9.76585e-06 10.8598 0.0799902 11.0398 0.21999 11.1598L1.09999 11.9598C1.21999 12.0698 1.37999 12.1298 1.54999 12.1298C1.69999 12.1298 1.83999 12.0798 1.94999 11.9998L3.40999 10.8898C3.52999 10.7998 3.59999 10.6598 3.60999 10.5098C3.61999 10.3598 3.55999 10.2198 3.44999 10.1198L2.19999 8.9798L2.18999 8.9898ZM1.56999 11.0398L1.15999 10.6698L1.85999 10.0398L2.32999 10.4698L1.56999 11.0498V11.0398Z"
      />
    </svg>
  );
}

With react-icons

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

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

vscode-insiders-outline.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="M5.92999 5.7698L7.73999 7.1498C7.82999 7.2198 7.93999 7.2498 8.03999 7.2498C8.13999 7.2498 8.24999 7.2198 8.33999 7.1498L10.8 5.2898C10.92 5.1998 11 5.0498 11 4.8898V1.4798C11 1.2798 10.88 1.0998 10.7 1.0198C10.52 0.939798 10.31 0.969798 10.16 1.1098L5.88999 4.9998C5.77999 5.0998 5.71999 5.2398 5.72999 5.3898C5.73999 5.5398 5.80999 5.6798 5.92999 5.7698ZM9.99999 2.6098V4.6398L8.03999 6.1198L7.00999 5.3398L9.99999 2.6098ZM10.8 10.7298L1.93999 3.9998C1.68999 3.8198 1.32999 3.8298 1.08999 4.0398L0.20999 4.8398C0.0699902 4.9698 -0.0100098 5.1498 -0.0100098 5.3298C-0.0100098 5.5098 0.0699902 5.6998 0.20999 5.8198L10.16 14.8898C10.25 14.9798 10.37 15.0198 10.5 15.0198C10.57 15.0198 10.64 15.0098 10.7 14.9798C10.88 14.8998 11 14.7198 11 14.5198V11.1098C11 10.9498 10.93 10.8098 10.8 10.7098V10.7298ZM9.99999 13.3998L1.15999 5.3398L1.56999 4.9698L9.99999 11.3698V13.3998ZM15.43 1.7298L12.72 0.429798C12.56 0.349798 12.38 0.359798 12.24 0.459798C12.09 0.549798 12.01 0.709798 12.01 0.879798V15.1298C12.01 15.2998 12.1 15.4598 12.24 15.5498C12.32 15.5998 12.41 15.6298 12.51 15.6298C12.58 15.6298 12.66 15.6098 12.73 15.5798L15.45 14.2698C15.79 14.0998 16.01 13.7498 16.01 13.3698V2.6298C16.01 2.2498 15.79 1.8898 15.44 1.7298H15.43ZM13 14.3398V1.6698L15 2.6298V13.3698L13 14.3298V14.3398ZM2.18999 8.9898C1.99999 8.8198 1.70999 8.8198 1.51999 8.9898L0.20999 10.1798C0.0699902 10.3098 -9.76585e-06 10.4798 -9.76585e-06 10.6698C-9.76585e-06 10.8598 0.0799902 11.0398 0.21999 11.1598L1.09999 11.9598C1.21999 12.0698 1.37999 12.1298 1.54999 12.1298C1.69999 12.1298 1.83999 12.0798 1.94999 11.9998L3.40999 10.8898C3.52999 10.7998 3.59999 10.6598 3.60999 10.5098C3.61999 10.3598 3.55999 10.2198 3.44999 10.1198L2.19999 8.9798L2.18999 8.9898ZM1.56999 11.0398L1.15999 10.6698L1.85999 10.0398L2.32999 10.4698L1.56999 11.0498V11.0398Z"
  />
</svg>

Attribution

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

Related icons:

Similar VS Code Icons icons