pin slash icon
pin-slash from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- pin-slash
- Set
- Framework7 Icons
- Style
- Outline
- 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.07-.536.14-.792.63-1.141l5.634-4.075c1.28-.931 1.816-2.072 1.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937l3.725 3.749h21.073c.21 0 .35.14.35.35c0 .162-.024.279-.187.395l-4.96 3.307c-.698.442-1.07 1.117-1.187 2.025l-1.025 7.987ZM13.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-3.75-3.749H16.172c-.186 0-.326-.14-.326-.35c0-.139.07-.279.186-.395l5.984-6.24c.396-.42.722-.815.699-1.328c-.047-.558-.163-1.164-.28-1.77l-3.679-3.702l.396 2.98c.14.956-.186 1.328-.652 1.84l-7.125 7.73c-.675.723-.978 1.421-.978 2.4c0 1.56 1.141 2.584 2.771 2.584"/></svg>
React
import type { SVGProps } from "react";
export function F7PinSlash(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.07-.536.14-.792.63-1.141l5.634-4.075c1.28-.931 1.816-2.072 1.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937l3.725 3.749h21.073c.21 0 .35.14.35.35c0 .162-.024.279-.187.395l-4.96 3.307c-.698.442-1.07 1.117-1.187 2.025l-1.025 7.987ZM13.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-3.75-3.749H16.172c-.186 0-.326-.14-.326-.35c0-.139.07-.279.186-.395l5.984-6.24c.396-.42.722-.815.699-1.328c-.047-.558-.163-1.164-.28-1.77l-3.679-3.702l.396 2.98c.14.956-.186 1.328-.652 1.84l-7.125 7.73c-.675.723-.978 1.421-.978 2.4c0 1.56 1.141 2.584 2.771 2.584"/></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.07-.536.14-.792.63-1.141l5.634-4.075c1.28-.931 1.816-2.072 1.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937l3.725 3.749h21.073c.21 0 .35.14.35.35c0 .162-.024.279-.187.395l-4.96 3.307c-.698.442-1.07 1.117-1.187 2.025l-1.025 7.987ZM13.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-3.75-3.749H16.172c-.186 0-.326-.14-.326-.35c0-.139.07-.279.186-.395l5.984-6.24c.396-.42.722-.815.699-1.328c-.047-.558-.163-1.164-.28-1.77l-3.679-3.702l.396 2.98c.14.956-.186 1.328-.652 1.84l-7.125 7.73c-.675.723-.978 1.421-.978 2.4c0 1.56 1.141 2.584 2.771 2.584"/></svg> </template>
CSS
.icon-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%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.07-.536.14-.792.63-1.141l5.634-4.075c1.28-.931%201.816-2.072%201.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937l3.725%203.749h21.073c.21%200%20.35.14.35.35c0%20.162-.024.279-.187.395l-4.96%203.307c-.698.442-1.07%201.117-1.187%202.025l-1.025%207.987ZM13.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-3.75-3.749H16.172c-.186%200-.326-.14-.326-.35c0-.139.07-.279.186-.395l5.984-6.24c.396-.42.722-.815.699-1.328c-.047-.558-.163-1.164-.28-1.77l-3.679-3.702l.396%202.98c.14.956-.186%201.328-.652%201.84l-7.125%207.73c-.675.723-.978%201.421-.978%202.4c0%201.56%201.141%202.584%202.771%202.584%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.07-.536.14-.792.63-1.141l5.634-4.075c1.28-.931%201.816-2.072%201.816-3.12c0-1.56-1.234-2.934-3.05-2.934H14.937l3.725%203.749h21.073c.21%200%20.35.14.35.35c0%20.162-.024.279-.187.395l-4.96%203.307c-.698.442-1.07%201.117-1.187%202.025l-1.025%207.987ZM13.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-3.75-3.749H16.172c-.186%200-.326-.14-.326-.35c0-.139.07-.279.186-.395l5.984-6.24c.396-.42.722-.815.699-1.328c-.047-.558-.163-1.164-.28-1.77l-3.679-3.702l.396%202.98c.14.956-.186%201.328-.652%201.84l-7.125%207.73c-.675.723-.978%201.421-.978%202.4c0%201.56%201.141%202.584%202.771%202.584%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/pin-slash.svg?color=%231a73e8&size=48
