Skip to content
Cuelark UI

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

VS Code Icons · VscRocket

Rocket icon

A free rocket 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
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/rocket.json
components/icons/vscode-codicons-rocket.tsx
import * as React from "react";

/**
 * Rocket from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/rocket. Sized in em, colored by currentColor.
 */
export function VscRocketIcon(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="M2.14018 13.1498C2.34015 12.9501 2.65024 12.95 2.85014 13.1498C3.05003 13.3497 3.04981 13.6597 2.85014 13.8597L0.850137 15.8597C0.760137 15.9597 0.619551 16.0101 0.499551 16.0101C0.379663 16.01 0.249829 15.9596 0.149941 15.8597C-0.0498191 15.6597 -0.0499789 15.3497 0.149941 15.1498L2.14018 13.1498Z"
      />
      <path
        d="M3.64018 14.6498C3.84015 14.4501 4.15024 14.45 4.35014 14.6498C4.55003 14.8497 4.54981 15.1597 4.35014 15.3597L3.85014 15.8597C3.76014 15.9597 3.61955 16.0101 3.49955 16.0101C3.37966 16.01 3.24983 15.9596 3.14994 15.8597C2.95018 15.6597 2.95002 15.3497 3.14994 15.1498L3.64994 14.6498H3.64018Z"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.99955 5.00035C10.0996 5.00035 10.9996 5.90035 10.9996 7.00035C10.9995 8.10028 10.0995 9.00035 8.99955 9.00035C7.89979 9.00013 6.99964 8.10014 6.99955 7.00035C6.99955 5.90048 7.89973 5.00057 8.99955 5.00035ZM8.99955 6.00035C8.44973 6.00057 7.99955 6.45048 7.99955 7.00035C7.99964 7.55014 8.44979 8.00013 8.99955 8.00035C9.5495 8.00035 9.99946 7.55027 9.99955 7.00035C9.99955 6.45035 9.54955 6.00035 8.99955 6.00035Z"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.64994 1.1898C10.7798 0.899839 11.9998 0.929751 13.1197 1.27964C13.8897 1.51964 14.49 2.14027 14.73 2.92027H14.7203C15.4001 5.15017 14.7999 7.5604 13.1499 9.21031L12.6802 9.68003C13.2301 10.7899 13.0499 12.1597 12.1402 13.0697L10.6099 14.6C10.52 14.6999 10.3802 14.7503 10.2603 14.7503C10.1403 14.7503 10.0097 14.7 9.90971 14.6L8.82963 13.5199C8.61971 13.6698 8.36001 13.7503 8.10014 13.7503C7.77026 13.7503 7.46022 13.6201 7.22025 13.3802L6.44975 12.6097L5.90971 13.5804C5.77968 13.8202 5.55942 13.9701 5.28959 14.0101H5.16947C4.93967 14.01 4.72975 13.92 4.56986 13.7601L2.23002 11.4203C2.04002 11.2303 1.94978 10.9596 1.98978 10.6996C2.02984 10.4399 2.17991 10.2104 2.41947 10.0804L3.39018 9.54039L2.61967 8.76988C2.1799 8.33992 2.1402 7.66018 2.48002 7.17027L1.39994 6.09019C1.19999 5.89024 1.20008 5.58023 1.39994 5.38023L2.93021 3.84996C3.85021 2.93008 5.21992 2.75018 6.31986 3.30015L6.78959 2.83043C7.58959 2.04043 8.56994 1.4698 9.64994 1.1898ZM9.53959 12.8197L10.2603 13.5404L11.44 12.3597C11.9499 11.8397 12.1195 11.0997 11.9195 10.4398L9.53959 12.8197ZM3.06986 10.8695L5.13041 12.93L5.70951 11.89L4.1099 10.2904L3.06986 10.8695ZM11.2398 2.00035C10.7798 2.00036 10.3299 2.06028 9.89994 2.17027C8.99997 2.40028 8.16953 2.88017 7.49955 3.55015L3.31986 7.72984C3.21986 7.81984 3.21986 7.98043 3.31986 8.08043L7.91947 12.68C7.96947 12.72 8.03014 12.7503 8.10014 12.7503L8.1099 12.7601C8.12014 12.77 8.21991 12.7497 8.27982 12.6898L12.4497 8.51011C13.8397 7.12014 14.34 5.09004 13.7701 3.22007C13.6301 2.75007 13.2699 2.3796 12.8199 2.2396C12.3099 2.07964 11.7797 2.00035 11.2398 2.00035ZM5.53959 4.09019C4.87977 3.89035 4.15009 4.05995 3.64018 4.56968L2.45951 5.75035L3.16947 6.46031L5.53959 4.09019Z"
      />
      <path
        d="M0.640176 11.64C0.840147 11.4404 1.15024 11.4402 1.35014 11.64C1.55003 11.8399 1.54981 12.1499 1.35014 12.35L0.850137 12.85C0.760137 12.95 0.629551 13.0003 0.499551 13.0003H0.489785C0.369829 13.0003 0.240132 12.9499 0.140176 12.85C-0.0597069 12.65 -0.0597852 12.34 0.140176 12.14L0.640176 11.64Z"
      />
    </svg>
  );
}
With react-icons
import { VscRocket } from "react-icons/vsc";

export function Example() {
  return <VscRocket className="size-5" />;
}
rocket.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="M2.14018 13.1498C2.34015 12.9501 2.65024 12.95 2.85014 13.1498C3.05003 13.3497 3.04981 13.6597 2.85014 13.8597L0.850137 15.8597C0.760137 15.9597 0.619551 16.0101 0.499551 16.0101C0.379663 16.01 0.249829 15.9596 0.149941 15.8597C-0.0498191 15.6597 -0.0499789 15.3497 0.149941 15.1498L2.14018 13.1498Z"
  />
  <path
    d="M3.64018 14.6498C3.84015 14.4501 4.15024 14.45 4.35014 14.6498C4.55003 14.8497 4.54981 15.1597 4.35014 15.3597L3.85014 15.8597C3.76014 15.9597 3.61955 16.0101 3.49955 16.0101C3.37966 16.01 3.24983 15.9596 3.14994 15.8597C2.95018 15.6597 2.95002 15.3497 3.14994 15.1498L3.64994 14.6498H3.64018Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M8.99955 5.00035C10.0996 5.00035 10.9996 5.90035 10.9996 7.00035C10.9995 8.10028 10.0995 9.00035 8.99955 9.00035C7.89979 9.00013 6.99964 8.10014 6.99955 7.00035C6.99955 5.90048 7.89973 5.00057 8.99955 5.00035ZM8.99955 6.00035C8.44973 6.00057 7.99955 6.45048 7.99955 7.00035C7.99964 7.55014 8.44979 8.00013 8.99955 8.00035C9.5495 8.00035 9.99946 7.55027 9.99955 7.00035C9.99955 6.45035 9.54955 6.00035 8.99955 6.00035Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M9.64994 1.1898C10.7798 0.899839 11.9998 0.929751 13.1197 1.27964C13.8897 1.51964 14.49 2.14027 14.73 2.92027H14.7203C15.4001 5.15017 14.7999 7.5604 13.1499 9.21031L12.6802 9.68003C13.2301 10.7899 13.0499 12.1597 12.1402 13.0697L10.6099 14.6C10.52 14.6999 10.3802 14.7503 10.2603 14.7503C10.1403 14.7503 10.0097 14.7 9.90971 14.6L8.82963 13.5199C8.61971 13.6698 8.36001 13.7503 8.10014 13.7503C7.77026 13.7503 7.46022 13.6201 7.22025 13.3802L6.44975 12.6097L5.90971 13.5804C5.77968 13.8202 5.55942 13.9701 5.28959 14.0101H5.16947C4.93967 14.01 4.72975 13.92 4.56986 13.7601L2.23002 11.4203C2.04002 11.2303 1.94978 10.9596 1.98978 10.6996C2.02984 10.4399 2.17991 10.2104 2.41947 10.0804L3.39018 9.54039L2.61967 8.76988C2.1799 8.33992 2.1402 7.66018 2.48002 7.17027L1.39994 6.09019C1.19999 5.89024 1.20008 5.58023 1.39994 5.38023L2.93021 3.84996C3.85021 2.93008 5.21992 2.75018 6.31986 3.30015L6.78959 2.83043C7.58959 2.04043 8.56994 1.4698 9.64994 1.1898ZM9.53959 12.8197L10.2603 13.5404L11.44 12.3597C11.9499 11.8397 12.1195 11.0997 11.9195 10.4398L9.53959 12.8197ZM3.06986 10.8695L5.13041 12.93L5.70951 11.89L4.1099 10.2904L3.06986 10.8695ZM11.2398 2.00035C10.7798 2.00036 10.3299 2.06028 9.89994 2.17027C8.99997 2.40028 8.16953 2.88017 7.49955 3.55015L3.31986 7.72984C3.21986 7.81984 3.21986 7.98043 3.31986 8.08043L7.91947 12.68C7.96947 12.72 8.03014 12.7503 8.10014 12.7503L8.1099 12.7601C8.12014 12.77 8.21991 12.7497 8.27982 12.6898L12.4497 8.51011C13.8397 7.12014 14.34 5.09004 13.7701 3.22007C13.6301 2.75007 13.2699 2.3796 12.8199 2.2396C12.3099 2.07964 11.7797 2.00035 11.2398 2.00035ZM5.53959 4.09019C4.87977 3.89035 4.15009 4.05995 3.64018 4.56968L2.45951 5.75035L3.16947 6.46031L5.53959 4.09019Z"
  />
  <path
    d="M0.640176 11.64C0.840147 11.4404 1.15024 11.4402 1.35014 11.64C1.55003 11.8399 1.54981 12.1499 1.35014 12.35L0.850137 12.85C0.760137 12.95 0.629551 13.0003 0.499551 13.0003H0.489785C0.369829 13.0003 0.240132 12.9499 0.140176 12.85C-0.0597069 12.65 -0.0597852 12.34 0.140176 12.14L0.640176 11.64Z"
  />
</svg>
Attribution
"Rocket" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: launch, startup, fast, boost

Rocket icon in other sets