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

VS Code Icons · VscMapVertical

Map Vertical icon

A free map vertical 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 aslocation icon navigation icon route icon directions icon pin icon place icon marker icon address 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/map-vertical.json

components/icons/vscode-codicons-map-vertical.tsx

import * as React from "react";

/**
 * Map Vertical from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/map-vertical. Sized in em, colored by currentColor.
 */
export function VscMapVerticalIcon(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.076 5.235C1.98368 5.38271 1.97489 5.56781 2.05279 5.72361L4.42738 10.4728L2.076 14.235C1.97967 14.3891 1.97457 14.5834 2.06268 14.7424C2.15079 14.9014 2.31824 15 2.5 15L11 15C11.1724 15 11.3326 14.9112 11.424 14.765L13.924 10.765C14.0163 10.6173 14.0251 10.4322 13.9472 10.2764L11.5726 5.52721L13.924 1.765C14.0203 1.61086 14.0254 1.41659 13.9373 1.25762C13.8492 1.09864 13.6818 0.999999 13.5 0.999999L5 1C4.82761 1 4.66737 1.08881 4.576 1.235L2.076 5.235ZM10.691 6L12.691 10L5.30902 10L3.30902 6L10.691 6ZM3.40212 5L5.27712 2L12.5979 2L10.7229 5L3.40212 5ZM5.27712 11L12.5979 11L10.7229 14L3.40212 14L5.27712 11Z"
      />
    </svg>
  );
}

With react-icons

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

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

map-vertical.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.076 5.235C1.98368 5.38271 1.97489 5.56781 2.05279 5.72361L4.42738 10.4728L2.076 14.235C1.97967 14.3891 1.97457 14.5834 2.06268 14.7424C2.15079 14.9014 2.31824 15 2.5 15L11 15C11.1724 15 11.3326 14.9112 11.424 14.765L13.924 10.765C14.0163 10.6173 14.0251 10.4322 13.9472 10.2764L11.5726 5.52721L13.924 1.765C14.0203 1.61086 14.0254 1.41659 13.9373 1.25762C13.8492 1.09864 13.6818 0.999999 13.5 0.999999L5 1C4.82761 1 4.66737 1.08881 4.576 1.235L2.076 5.235ZM10.691 6L12.691 10L5.30902 10L3.30902 6L10.691 6ZM3.40212 5L5.27712 2L12.5979 2L10.7229 5L3.40212 5ZM5.27712 11L12.5979 11L10.7229 14L3.40212 14L5.27712 11Z"
  />
</svg>

Attribution

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

Related icons: location, navigation, route, directions

Similar VS Code Icons icons