push pin icon

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

Name: push-pin-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

push-pin push-pin-duotone push-pin-fill push-pin-light 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="m238.15 78.54l-60.69-60.68a20 20 0 0 0-28.3 0L97.2 70c-12.43-3.33-36.68-5.72-61.74 14.5a20 20 0 0 0-1.6 29.73l45.46 45.47l-39.8 39.8a12 12 0 0 0 17 17l39.8-39.81l45.47 45.46a20 20 0 0 0 14.12 5.85c.46 0 .93 0 1.4-.05a20 20 0 0 0 14.56-7.95c4.69-6.23 11-16.13 14.44-28s3.45-22.88.16-33.4l51.7-51.87a20 20 0 0 0-.02-28.19m-74.26 68.79a12 12 0 0 0-2.23 13.84c3.43 6.86 6.9 21-6.28 40.65L54.08 100.53c21.09-14.59 39.53-6.64 41-6a11.67 11.67 0 0 0 13.81-2.29l54.43-54.61l55 55Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPushPinBold(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="m238.15 78.54l-60.69-60.68a20 20 0 0 0-28.3 0L97.2 70c-12.43-3.33-36.68-5.72-61.74 14.5a20 20 0 0 0-1.6 29.73l45.46 45.47l-39.8 39.8a12 12 0 0 0 17 17l39.8-39.81l45.47 45.46a20 20 0 0 0 14.12 5.85c.46 0 .93 0 1.4-.05a20 20 0 0 0 14.56-7.95c4.69-6.23 11-16.13 14.44-28s3.45-22.88.16-33.4l51.7-51.87a20 20 0 0 0-.02-28.19m-74.26 68.79a12 12 0 0 0-2.23 13.84c3.43 6.86 6.9 21-6.28 40.65L54.08 100.53c21.09-14.59 39.53-6.64 41-6a11.67 11.67 0 0 0 13.81-2.29l54.43-54.61l55 55Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m238.15 78.54l-60.69-60.68a20 20 0 0 0-28.3 0L97.2 70c-12.43-3.33-36.68-5.72-61.74 14.5a20 20 0 0 0-1.6 29.73l45.46 45.47l-39.8 39.8a12 12 0 0 0 17 17l39.8-39.81l45.47 45.46a20 20 0 0 0 14.12 5.85c.46 0 .93 0 1.4-.05a20 20 0 0 0 14.56-7.95c4.69-6.23 11-16.13 14.44-28s3.45-22.88.16-33.4l51.7-51.87a20 20 0 0 0-.02-28.19m-74.26 68.79a12 12 0 0 0-2.23 13.84c3.43 6.86 6.9 21-6.28 40.65L54.08 100.53c21.09-14.59 39.53-6.64 41-6a11.67 11.67 0 0 0 13.81-2.29l54.43-54.61l55 55Z"/></svg>
</template>

CSS

.icon-push-pin-bold {
  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%22m238.15%2078.54l-60.69-60.68a20%2020%200%200%200-28.3%200L97.2%2070c-12.43-3.33-36.68-5.72-61.74%2014.5a20%2020%200%200%200-1.6%2029.73l45.46%2045.47l-39.8%2039.8a12%2012%200%200%200%2017%2017l39.8-39.81l45.47%2045.46a20%2020%200%200%200%2014.12%205.85c.46%200%20.93%200%201.4-.05a20%2020%200%200%200%2014.56-7.95c4.69-6.23%2011-16.13%2014.44-28s3.45-22.88.16-33.4l51.7-51.87a20%2020%200%200%200-.02-28.19m-74.26%2068.79a12%2012%200%200%200-2.23%2013.84c3.43%206.86%206.9%2021-6.28%2040.65L54.08%20100.53c21.09-14.59%2039.53-6.64%2041-6a11.67%2011.67%200%200%200%2013.81-2.29l54.43-54.61l55%2055Z%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%22m238.15%2078.54l-60.69-60.68a20%2020%200%200%200-28.3%200L97.2%2070c-12.43-3.33-36.68-5.72-61.74%2014.5a20%2020%200%200%200-1.6%2029.73l45.46%2045.47l-39.8%2039.8a12%2012%200%200%200%2017%2017l39.8-39.81l45.47%2045.46a20%2020%200%200%200%2014.12%205.85c.46%200%20.93%200%201.4-.05a20%2020%200%200%200%2014.56-7.95c4.69-6.23%2011-16.13%2014.44-28s3.45-22.88.16-33.4l51.7-51.87a20%2020%200%200%200-.02-28.19m-74.26%2068.79a12%2012%200%200%200-2.23%2013.84c3.43%206.86%206.9%2021-6.28%2040.65L54.08%20100.53c21.09-14.59%2039.53-6.64%2041-6a11.67%2011.67%200%200%200%2013.81-2.29l54.43-54.61l55%2055Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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