push pin icon

push-pin-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: push-pin-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

push-pin push-pin-bold push-pin-duotone push-pin-fill push-pin-thin

Related icons in Phosphor

push-pin-simple push-pin-simple-slash push-pin-slash

Use the push pin icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233.91 82.79L173.22 22.1a14 14 0 0 0-19.81 0L98.93 76.77c-9.52-3.25-34-8.34-59.71 12.41A14 14 0 0 0 38.1 110l49.71 49.71l-44.05 44a6 6 0 1 0 8.48 8.48l44.05-44.05L146 217.89a14 14 0 0 0 9.9 4.11h1a14 14 0 0 0 10.19-5.54c19.72-26.21 17.15-47.23 12.46-59.3l54.37-54.55a14 14 0 0 0-.01-19.82m-8.49 11.31l-57.27 57.46a6 6 0 0 0-1.11 6.92c9.94 19.88-1.71 40.32-9.54 50.72a2 2 0 0 1-3 .2L46.58 101.51a2 2 0 0 1 .18-3c12.5-10.09 24.5-12.76 33.7-12.76a42.1 42.1 0 0 1 17.25 3.41a6 6 0 0 0 6.93-1.16l57.26-57.41a2 2 0 0 1 2.83 0l60.69 60.68a2 2 0 0 1 0 2.83"/></svg>

React

import type { SVGProps } from "react";

export function PhPushPinLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233.91 82.79L173.22 22.1a14 14 0 0 0-19.81 0L98.93 76.77c-9.52-3.25-34-8.34-59.71 12.41A14 14 0 0 0 38.1 110l49.71 49.71l-44.05 44a6 6 0 1 0 8.48 8.48l44.05-44.05L146 217.89a14 14 0 0 0 9.9 4.11h1a14 14 0 0 0 10.19-5.54c19.72-26.21 17.15-47.23 12.46-59.3l54.37-54.55a14 14 0 0 0-.01-19.82m-8.49 11.31l-57.27 57.46a6 6 0 0 0-1.11 6.92c9.94 19.88-1.71 40.32-9.54 50.72a2 2 0 0 1-3 .2L46.58 101.51a2 2 0 0 1 .18-3c12.5-10.09 24.5-12.76 33.7-12.76a42.1 42.1 0 0 1 17.25 3.41a6 6 0 0 0 6.93-1.16l57.26-57.41a2 2 0 0 1 2.83 0l60.69 60.68a2 2 0 0 1 0 2.83"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233.91 82.79L173.22 22.1a14 14 0 0 0-19.81 0L98.93 76.77c-9.52-3.25-34-8.34-59.71 12.41A14 14 0 0 0 38.1 110l49.71 49.71l-44.05 44a6 6 0 1 0 8.48 8.48l44.05-44.05L146 217.89a14 14 0 0 0 9.9 4.11h1a14 14 0 0 0 10.19-5.54c19.72-26.21 17.15-47.23 12.46-59.3l54.37-54.55a14 14 0 0 0-.01-19.82m-8.49 11.31l-57.27 57.46a6 6 0 0 0-1.11 6.92c9.94 19.88-1.71 40.32-9.54 50.72a2 2 0 0 1-3 .2L46.58 101.51a2 2 0 0 1 .18-3c12.5-10.09 24.5-12.76 33.7-12.76a42.1 42.1 0 0 1 17.25 3.41a6 6 0 0 0 6.93-1.16l57.26-57.41a2 2 0 0 1 2.83 0l60.69 60.68a2 2 0 0 1 0 2.83"/></svg>
</template>

CSS

.icon-push-pin-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M233.91%2082.79L173.22%2022.1a14%2014%200%200%200-19.81%200L98.93%2076.77c-9.52-3.25-34-8.34-59.71%2012.41A14%2014%200%200%200%2038.1%20110l49.71%2049.71l-44.05%2044a6%206%200%201%200%208.48%208.48l44.05-44.05L146%20217.89a14%2014%200%200%200%209.9%204.11h1a14%2014%200%200%200%2010.19-5.54c19.72-26.21%2017.15-47.23%2012.46-59.3l54.37-54.55a14%2014%200%200%200-.01-19.82m-8.49%2011.31l-57.27%2057.46a6%206%200%200%200-1.11%206.92c9.94%2019.88-1.71%2040.32-9.54%2050.72a2%202%200%200%201-3%20.2L46.58%20101.51a2%202%200%200%201%20.18-3c12.5-10.09%2024.5-12.76%2033.7-12.76a42.1%2042.1%200%200%201%2017.25%203.41a6%206%200%200%200%206.93-1.16l57.26-57.41a2%202%200%200%201%202.83%200l60.69%2060.68a2%202%200%200%201%200%202.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M233.91%2082.79L173.22%2022.1a14%2014%200%200%200-19.81%200L98.93%2076.77c-9.52-3.25-34-8.34-59.71%2012.41A14%2014%200%200%200%2038.1%20110l49.71%2049.71l-44.05%2044a6%206%200%201%200%208.48%208.48l44.05-44.05L146%20217.89a14%2014%200%200%200%209.9%204.11h1a14%2014%200%200%200%2010.19-5.54c19.72-26.21%2017.15-47.23%2012.46-59.3l54.37-54.55a14%2014%200%200%200-.01-19.82m-8.49%2011.31l-57.27%2057.46a6%206%200%200%200-1.11%206.92c9.94%2019.88-1.71%2040.32-9.54%2050.72a2%202%200%200%201-3%20.2L46.58%20101.51a2%202%200%200%201%20.18-3c12.5-10.09%2024.5-12.76%2033.7-12.76a42.1%2042.1%200%200%201%2017.25%203.41a6%206%200%200%200%206.93-1.16l57.26-57.41a2%202%200%200%201%202.83%200l60.69%2060.68a2%202%200%200%201%200%202.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/push-pin-light.svg?color=%231a73e8&size=48