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

VS Code Icons · VscVmOutline

Vm Outline icon

A free vm 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/vm-outline.json

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

import * as React from "react";

/**
 * Vm Outline from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/vm-outline. Sized in em, colored by currentColor.
 */
export function VscVmOutlineIcon(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="M6.607 14C6.79 14.357 7.007 14.693 7.261 15H3.5C3.224 15 3 14.776 3 14.5C3 14.224 3.224 14 3.5 14H5V12H3C1.895 12 1 11.105 1 10V3C1 1.895 1.895 1 3 1H13C14.105 1 15 1.895 15 3V7.261C14.693 7.008 14.357 6.791 14 6.607V3C14 2.448 13.552 2 13 2H3C2.448 2 2 2.448 2 3V10C2 10.552 2.448 11 3 11H6.025C6.01 11.165 6 11.331 6 11.5C6 11.669 6.01 11.835 6.025 12H6V14H6.607ZM16 11.5C16 13.981 13.981 16 11.5 16C9.019 16 7 13.981 7 11.5C7 9.019 9.019 7 11.5 7C13.981 7 16 9.019 16 11.5ZM15 11.5C15 9.57 13.43 8 11.5 8C9.57 8 8 9.57 8 11.5C8 13.43 9.57 15 11.5 15C13.43 15 15 13.43 15 11.5Z"
      />
    </svg>
  );
}

With react-icons

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

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

vm-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="M6.607 14C6.79 14.357 7.007 14.693 7.261 15H3.5C3.224 15 3 14.776 3 14.5C3 14.224 3.224 14 3.5 14H5V12H3C1.895 12 1 11.105 1 10V3C1 1.895 1.895 1 3 1H13C14.105 1 15 1.895 15 3V7.261C14.693 7.008 14.357 6.791 14 6.607V3C14 2.448 13.552 2 13 2H3C2.448 2 2 2.448 2 3V10C2 10.552 2.448 11 3 11H6.025C6.01 11.165 6 11.331 6 11.5C6 11.669 6.01 11.835 6.025 12H6V14H6.607ZM16 11.5C16 13.981 13.981 16 11.5 16C9.019 16 7 13.981 7 11.5C7 9.019 9.019 7 11.5 7C13.981 7 16 9.019 16 11.5ZM15 11.5C15 9.57 13.43 8 11.5 8C9.57 8 8 9.57 8 11.5C8 13.43 9.57 15 11.5 15C13.43 15 15 13.43 15 11.5Z"
  />
</svg>

Attribution

"Vm 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