push pin slash icon

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

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

5 other variants in Phosphor

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

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="M53.92 34.62a8 8 0 1 0-11.84 10.76L67.37 73.2A69.8 69.8 0 0 0 38 87.63a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33a89.8 89.8 0 0 0 11.58-20.27l21.84 24a8 8 0 1 0 11.84-10.76ZM155.9 208L48 100.08c10.23-8.25 21.2-12.36 32.66-12.27l87.16 95.88c-2.23 9.87-7.58 18.54-11.92 24.31m79.42-104l-44.64 44.79a8 8 0 1 1-11.33-11.3L224 92.7L163.32 32L122.1 73.35a8 8 0 0 1-11.33-11.29L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 0 22.62"/></svg>

React

import type { SVGProps } from "react";

export function PhPushPinSlash(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="M53.92 34.62a8 8 0 1 0-11.84 10.76L67.37 73.2A69.8 69.8 0 0 0 38 87.63a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33a89.8 89.8 0 0 0 11.58-20.27l21.84 24a8 8 0 1 0 11.84-10.76ZM155.9 208L48 100.08c10.23-8.25 21.2-12.36 32.66-12.27l87.16 95.88c-2.23 9.87-7.58 18.54-11.92 24.31m79.42-104l-44.64 44.79a8 8 0 1 1-11.33-11.3L224 92.7L163.32 32L122.1 73.35a8 8 0 0 1-11.33-11.29L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 0 22.62"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M53.92 34.62a8 8 0 1 0-11.84 10.76L67.37 73.2A69.8 69.8 0 0 0 38 87.63a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33a89.8 89.8 0 0 0 11.58-20.27l21.84 24a8 8 0 1 0 11.84-10.76ZM155.9 208L48 100.08c10.23-8.25 21.2-12.36 32.66-12.27l87.16 95.88c-2.23 9.87-7.58 18.54-11.92 24.31m79.42-104l-44.64 44.79a8 8 0 1 1-11.33-11.3L224 92.7L163.32 32L122.1 73.35a8 8 0 0 1-11.33-11.29L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 0 22.62"/></svg>
</template>

CSS

.icon-push-pin-slash {
  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%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76L67.37%2073.2A69.8%2069.8%200%200%200%2038%2087.63a16%2016%200%200%200-1.29%2023.78L85%20159.71l-42.66%2042.63a8%208%200%200%200%2011.32%2011.32L96.29%20171l48.29%2048.29A16%2016%200%200%200%20155.9%20224h1.13a15.93%2015.93%200%200%200%2011.64-6.33a89.8%2089.8%200%200%200%2011.58-20.27l21.84%2024a8%208%200%201%200%2011.84-10.76ZM155.9%20208L48%20100.08c10.23-8.25%2021.2-12.36%2032.66-12.27l87.16%2095.88c-2.23%209.87-7.58%2018.54-11.92%2024.31m79.42-104l-44.64%2044.79a8%208%200%201%201-11.33-11.3L224%2092.7L163.32%2032L122.1%2073.35a8%208%200%200%201-11.33-11.29L152%2020.7a16%2016%200%200%201%2022.63%200l60.69%2060.68a16%2016%200%200%201%200%2022.62%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%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76L67.37%2073.2A69.8%2069.8%200%200%200%2038%2087.63a16%2016%200%200%200-1.29%2023.78L85%20159.71l-42.66%2042.63a8%208%200%200%200%2011.32%2011.32L96.29%20171l48.29%2048.29A16%2016%200%200%200%20155.9%20224h1.13a15.93%2015.93%200%200%200%2011.64-6.33a89.8%2089.8%200%200%200%2011.58-20.27l21.84%2024a8%208%200%201%200%2011.84-10.76ZM155.9%20208L48%20100.08c10.23-8.25%2021.2-12.36%2032.66-12.27l87.16%2095.88c-2.23%209.87-7.58%2018.54-11.92%2024.31m79.42-104l-44.64%2044.79a8%208%200%201%201-11.33-11.3L224%2092.7L163.32%2032L122.1%2073.35a8%208%200%200%201-11.33-11.29L152%2020.7a16%2016%200%200%201%2022.63%200l60.69%2060.68a16%2016%200%200%201%200%2022.62%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.svg?color=%231a73e8&size=48