pin slash icon

pin-slash-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: pin-slash-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

The same icon in other sets

Use the pin slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M47.256 44.358c.722.721 1.863.721 2.538 0a1.78 1.78 0 0 0 0-2.538L8.65.699a1.827 1.827 0 0 0-2.562 0c-.675.675-.675 1.862 0 2.538ZM35.963 24.216l1.35-9.756c.047-.512.14-.815.606-1.118l5.658-4.098c1.28-.931 1.816-2.072 1.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937ZM13.167 37.512h12.434V49.48c0 3.54 1.49 6.52 2.05 6.52c.581 0 2.072-2.98 2.072-6.52V37.512h6.543l-17.51-17.51l.395 2.957c.14.954-.186 1.327-.652 1.84l-7.125 7.73c-.675.722-.978 1.42-.978 2.398c0 1.56 1.141 2.585 2.771 2.585"/></svg>

React

import type { SVGProps } from "react";

export function F7PinSlashFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M47.256 44.358c.722.721 1.863.721 2.538 0a1.78 1.78 0 0 0 0-2.538L8.65.699a1.827 1.827 0 0 0-2.562 0c-.675.675-.675 1.862 0 2.538ZM35.963 24.216l1.35-9.756c.047-.512.14-.815.606-1.118l5.658-4.098c1.28-.931 1.816-2.072 1.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937ZM13.167 37.512h12.434V49.48c0 3.54 1.49 6.52 2.05 6.52c.581 0 2.072-2.98 2.072-6.52V37.512h6.543l-17.51-17.51l.395 2.957c.14.954-.186 1.327-.652 1.84l-7.125 7.73c-.675.722-.978 1.42-.978 2.398c0 1.56 1.141 2.585 2.771 2.585"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M47.256 44.358c.722.721 1.863.721 2.538 0a1.78 1.78 0 0 0 0-2.538L8.65.699a1.827 1.827 0 0 0-2.562 0c-.675.675-.675 1.862 0 2.538ZM35.963 24.216l1.35-9.756c.047-.512.14-.815.606-1.118l5.658-4.098c1.28-.931 1.816-2.072 1.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937ZM13.167 37.512h12.434V49.48c0 3.54 1.49 6.52 2.05 6.52c.581 0 2.072-2.98 2.072-6.52V37.512h6.543l-17.51-17.51l.395 2.957c.14.954-.186 1.327-.652 1.84l-7.125 7.73c-.675.722-.978 1.42-.978 2.398c0 1.56 1.141 2.585 2.771 2.585"/></svg>
</template>

CSS

.icon-pin-slash-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M47.256%2044.358c.722.721%201.863.721%202.538%200a1.78%201.78%200%200%200%200-2.538L8.65.699a1.827%201.827%200%200%200-2.562%200c-.675.675-.675%201.862%200%202.538ZM35.963%2024.216l1.35-9.756c.047-.512.14-.815.606-1.118l5.658-4.098c1.28-.931%201.816-2.072%201.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937ZM13.167%2037.512h12.434V49.48c0%203.54%201.49%206.52%202.05%206.52c.581%200%202.072-2.98%202.072-6.52V37.512h6.543l-17.51-17.51l.395%202.957c.14.954-.186%201.327-.652%201.84l-7.125%207.73c-.675.722-.978%201.42-.978%202.398c0%201.56%201.141%202.585%202.771%202.585%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M47.256%2044.358c.722.721%201.863.721%202.538%200a1.78%201.78%200%200%200%200-2.538L8.65.699a1.827%201.827%200%200%200-2.562%200c-.675.675-.675%201.862%200%202.538ZM35.963%2024.216l1.35-9.756c.047-.512.14-.815.606-1.118l5.658-4.098c1.28-.931%201.816-2.072%201.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937ZM13.167%2037.512h12.434V49.48c0%203.54%201.49%206.52%202.05%206.52c.581%200%202.072-2.98%202.072-6.52V37.512h6.543l-17.51-17.51l.395%202.957c.14.954-.186%201.327-.652%201.84l-7.125%207.73c-.675.722-.978%201.42-.978%202.398c0%201.56%201.141%202.585%202.771%202.585%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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