push pin slash icon

push-pin-slash-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: push-pin-slash-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

push-pin-slash push-pin-slash-bold push-pin-slash-duotone push-pin-slash-fill push-pin-slash-light

Related icons in Phosphor

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

Use the push pin slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L75.35 76c-9.93.88-22.26 4.54-34.87 14.71a12 12 0 0 0-1 17.84l51.13 51.13l-45.44 45.49a4 4 0 0 0 5.66 5.66l45.46-45.47l51.12 51.12a12 12 0 0 0 8.49 3.52h.85a12 12 0 0 0 8.73-4.74a81 81 0 0 0 13.19-25.55l26.37 29a4 4 0 1 0 5.92-5.38Zm108.08 173.11a4 4 0 0 1-6 .4L45.17 102.93a4 4 0 0 1 .33-6c14.08-11.36 27.62-13.5 37-13.12l89.69 98.65c-2.12 11.46-8.19 21.46-13.11 27.96m73.41-109.25L187.85 146a4 4 0 0 1-5.67-5.64l44.65-44.8a4 4 0 0 0 0-5.66l-60.68-60.73a4 4 0 0 0-5.66 0l-41.22 41.36a4 4 0 0 1-5.67-5.65l41.23-41.36a12 12 0 0 1 17 0l60.66 60.68a12 12 0 0 1 0 16.97"/></svg>

React

import type { SVGProps } from "react";

export function PhPushPinSlashThin(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="M51 37.31a4 4 0 0 0-6 5.38L75.35 76c-9.93.88-22.26 4.54-34.87 14.71a12 12 0 0 0-1 17.84l51.13 51.13l-45.44 45.49a4 4 0 0 0 5.66 5.66l45.46-45.47l51.12 51.12a12 12 0 0 0 8.49 3.52h.85a12 12 0 0 0 8.73-4.74a81 81 0 0 0 13.19-25.55l26.37 29a4 4 0 1 0 5.92-5.38Zm108.08 173.11a4 4 0 0 1-6 .4L45.17 102.93a4 4 0 0 1 .33-6c14.08-11.36 27.62-13.5 37-13.12l89.69 98.65c-2.12 11.46-8.19 21.46-13.11 27.96m73.41-109.25L187.85 146a4 4 0 0 1-5.67-5.64l44.65-44.8a4 4 0 0 0 0-5.66l-60.68-60.73a4 4 0 0 0-5.66 0l-41.22 41.36a4 4 0 0 1-5.67-5.65l41.23-41.36a12 12 0 0 1 17 0l60.66 60.68a12 12 0 0 1 0 16.97"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L75.35 76c-9.93.88-22.26 4.54-34.87 14.71a12 12 0 0 0-1 17.84l51.13 51.13l-45.44 45.49a4 4 0 0 0 5.66 5.66l45.46-45.47l51.12 51.12a12 12 0 0 0 8.49 3.52h.85a12 12 0 0 0 8.73-4.74a81 81 0 0 0 13.19-25.55l26.37 29a4 4 0 1 0 5.92-5.38Zm108.08 173.11a4 4 0 0 1-6 .4L45.17 102.93a4 4 0 0 1 .33-6c14.08-11.36 27.62-13.5 37-13.12l89.69 98.65c-2.12 11.46-8.19 21.46-13.11 27.96m73.41-109.25L187.85 146a4 4 0 0 1-5.67-5.64l44.65-44.8a4 4 0 0 0 0-5.66l-60.68-60.73a4 4 0 0 0-5.66 0l-41.22 41.36a4 4 0 0 1-5.67-5.65l41.23-41.36a12 12 0 0 1 17 0l60.66 60.68a12 12 0 0 1 0 16.97"/></svg>
</template>

CSS

.icon-push-pin-slash-thin {
  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%22M51%2037.31a4%204%200%200%200-6%205.38L75.35%2076c-9.93.88-22.26%204.54-34.87%2014.71a12%2012%200%200%200-1%2017.84l51.13%2051.13l-45.44%2045.49a4%204%200%200%200%205.66%205.66l45.46-45.47l51.12%2051.12a12%2012%200%200%200%208.49%203.52h.85a12%2012%200%200%200%208.73-4.74a81%2081%200%200%200%2013.19-25.55l26.37%2029a4%204%200%201%200%205.92-5.38Zm108.08%20173.11a4%204%200%200%201-6%20.4L45.17%20102.93a4%204%200%200%201%20.33-6c14.08-11.36%2027.62-13.5%2037-13.12l89.69%2098.65c-2.12%2011.46-8.19%2021.46-13.11%2027.96m73.41-109.25L187.85%20146a4%204%200%200%201-5.67-5.64l44.65-44.8a4%204%200%200%200%200-5.66l-60.68-60.73a4%204%200%200%200-5.66%200l-41.22%2041.36a4%204%200%200%201-5.67-5.65l41.23-41.36a12%2012%200%200%201%2017%200l60.66%2060.68a12%2012%200%200%201%200%2016.97%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%22M51%2037.31a4%204%200%200%200-6%205.38L75.35%2076c-9.93.88-22.26%204.54-34.87%2014.71a12%2012%200%200%200-1%2017.84l51.13%2051.13l-45.44%2045.49a4%204%200%200%200%205.66%205.66l45.46-45.47l51.12%2051.12a12%2012%200%200%200%208.49%203.52h.85a12%2012%200%200%200%208.73-4.74a81%2081%200%200%200%2013.19-25.55l26.37%2029a4%204%200%201%200%205.92-5.38Zm108.08%20173.11a4%204%200%200%201-6%20.4L45.17%20102.93a4%204%200%200%201%20.33-6c14.08-11.36%2027.62-13.5%2037-13.12l89.69%2098.65c-2.12%2011.46-8.19%2021.46-13.11%2027.96m73.41-109.25L187.85%20146a4%204%200%200%201-5.67-5.64l44.65-44.8a4%204%200%200%200%200-5.66l-60.68-60.73a4%204%200%200%200-5.66%200l-41.22%2041.36a4%204%200%200%201-5.67-5.65l41.23-41.36a12%2012%200%200%201%2017%200l60.66%2060.68a12%2012%200%200%201%200%2016.97%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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