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

Radix Icons · RxDrawingPinFilled

Drawing Pin Filled icon

A free drawing pin filled icon from Radix 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 map icon place icon marker icon address icon gps icon

License: MIT license
Project: icons.radix-ui.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/drawing-pin-filled.json

components/icons/radix-drawing-pin-filled.tsx

import * as React from "react";

/**
 * Drawing Pin Filled from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/drawing-pin-filled. Sized in em, colored by currentColor.
 */
export function RxDrawingPinFilledIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.62097 1.13601C9.81619 0.940789 10.1327 0.940868 10.328 1.13601L13.8641 4.67117C14.0593 4.86631 14.059 5.18291 13.8641 5.3782C13.6689 5.57346 13.3524 5.57346 13.1571 5.3782L12.5038 4.72586L8.86706 9.57449L9.97448 10.6819C10.1697 10.8772 10.1697 11.1937 9.97448 11.3889C9.77921 11.5841 9.46269 11.5842 9.26745 11.3889L6.79284 8.91336V8.91433L3.52233 12.1848C3.32712 12.3799 3.01052 12.3799 2.8153 12.1848C2.6201 11.9896 2.62022 11.6731 2.8153 11.4778L6.08581 8.2073V8.20632L3.6112 5.73171C3.41594 5.53645 3.41594 5.21994 3.6112 5.02468C3.8065 4.82984 4.12311 4.82956 4.31823 5.02468L5.42566 6.13308L10.2743 2.49636L9.62097 1.84304C9.42586 1.64781 9.42586 1.33124 9.62097 1.13601Z"
        fill="currentColor"
      />
      <path
        d="M9.62097 1.13601C9.81619 0.940789 10.1327 0.940868 10.328 1.13601L13.8641 4.67117C14.0593 4.86631 14.059 5.18291 13.8641 5.3782C13.6689 5.57346 13.3524 5.57346 13.1571 5.3782L12.5038 4.72586L8.86706 9.57449L9.97448 10.6819C10.1697 10.8772 10.1697 11.1937 9.97448 11.3889C9.77921 11.5841 9.46269 11.5842 9.26745 11.3889L6.79284 8.91336V8.91433L3.52233 12.1848C3.32712 12.3799 3.01052 12.3799 2.8153 12.1848C2.6201 11.9896 2.62022 11.6731 2.8153 11.4778L6.08581 8.2073V8.20632L3.6112 5.73171C3.41594 5.53645 3.41594 5.21994 3.6112 5.02468C3.8065 4.82984 4.12311 4.82956 4.31823 5.02468L5.42566 6.13308L10.2743 2.49636L9.62097 1.84304C9.42586 1.64781 9.42586 1.33124 9.62097 1.13601Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

import { RxDrawingPinFilled } from "react-icons/rx";

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

drawing-pin-filled.svg

<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M9.62097 1.13601C9.81619 0.940789 10.1327 0.940868 10.328 1.13601L13.8641 4.67117C14.0593 4.86631 14.059 5.18291 13.8641 5.3782C13.6689 5.57346 13.3524 5.57346 13.1571 5.3782L12.5038 4.72586L8.86706 9.57449L9.97448 10.6819C10.1697 10.8772 10.1697 11.1937 9.97448 11.3889C9.77921 11.5841 9.46269 11.5842 9.26745 11.3889L6.79284 8.91336V8.91433L3.52233 12.1848C3.32712 12.3799 3.01052 12.3799 2.8153 12.1848C2.6201 11.9896 2.62022 11.6731 2.8153 11.4778L6.08581 8.2073V8.20632L3.6112 5.73171C3.41594 5.53645 3.41594 5.21994 3.6112 5.02468C3.8065 4.82984 4.12311 4.82956 4.31823 5.02468L5.42566 6.13308L10.2743 2.49636L9.62097 1.84304C9.42586 1.64781 9.42586 1.33124 9.62097 1.13601Z"
    fill="currentColor"
  />
  <path
    d="M9.62097 1.13601C9.81619 0.940789 10.1327 0.940868 10.328 1.13601L13.8641 4.67117C14.0593 4.86631 14.059 5.18291 13.8641 5.3782C13.6689 5.57346 13.3524 5.57346 13.1571 5.3782L12.5038 4.72586L8.86706 9.57449L9.97448 10.6819C10.1697 10.8772 10.1697 11.1937 9.97448 11.3889C9.77921 11.5841 9.46269 11.5842 9.26745 11.3889L6.79284 8.91336V8.91433L3.52233 12.1848C3.32712 12.3799 3.01052 12.3799 2.8153 12.1848C2.6201 11.9896 2.62022 11.6731 2.8153 11.4778L6.08581 8.2073V8.20632L3.6112 5.73171C3.41594 5.53645 3.41594 5.21994 3.6112 5.02468C3.8065 4.82984 4.12311 4.82956 4.31823 5.02468L5.42566 6.13308L10.2743 2.49636L9.62097 1.84304C9.42586 1.64781 9.42586 1.33124 9.62097 1.13601Z"
    fill="currentColor"
  />
</svg>

Attribution

"Drawing Pin Filled" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: location, map, place, marker

Similar Radix Icons icons