offline pin off icon

offline-pin-off-outline from Material Symbols Light by Google · Outline · Actions · Apache-2.0 Free for personal and commercial use.

Name: offline-pin-off-outline
Set: Material Symbols Light
Style: Outline
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: offline-pin-off-outline-sharp

3 other variants in Material Symbols Light

offline-pin-off offline-pin-off-outline-rounded offline-pin-off-rounded

The same icon in other sets

offline-pin-offMaterial Symbols

More actions icons from Material Symbols Light

Use the offline pin off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16.5v-1h7l1 1zm11.333 4.76l-2.237-2.237q-1.205.973-2.634 1.475Q13.532 21 12 21q-1.868 0-3.51-.709t-2.857-1.923t-1.924-2.858T3 12q0-1.533.502-2.961q.502-1.43 1.475-2.635L2.741 4.167l.713-.713l17.092 17.092zm-.214-4.452l-.738-.739q.569-.925.844-1.956T20 12q0-3.35-2.325-5.675T12 4q-1.075 0-2.11.275t-1.96.844l-.738-.738q1.09-.685 2.308-1.033T12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 1.283-.348 2.5t-1.033 2.308m-2.742 1.496L5.697 7.123q-.82 1.04-1.259 2.287T4 12q0 3.35 2.325 5.675T12 20q1.344 0 2.59-.438q1.247-.439 2.287-1.258m-4.05-8.288l2.367-2.368l.714.702l-2.373 2.373z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightOfflinePinOffOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16.5v-1h7l1 1zm11.333 4.76l-2.237-2.237q-1.205.973-2.634 1.475Q13.532 21 12 21q-1.868 0-3.51-.709t-2.857-1.923t-1.924-2.858T3 12q0-1.533.502-2.961q.502-1.43 1.475-2.635L2.741 4.167l.713-.713l17.092 17.092zm-.214-4.452l-.738-.739q.569-.925.844-1.956T20 12q0-3.35-2.325-5.675T12 4q-1.075 0-2.11.275t-1.96.844l-.738-.738q1.09-.685 2.308-1.033T12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 1.283-.348 2.5t-1.033 2.308m-2.742 1.496L5.697 7.123q-.82 1.04-1.259 2.287T4 12q0 3.35 2.325 5.675T12 20q1.344 0 2.59-.438q1.247-.439 2.287-1.258m-4.05-8.288l2.367-2.368l.714.702l-2.373 2.373z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16.5v-1h7l1 1zm11.333 4.76l-2.237-2.237q-1.205.973-2.634 1.475Q13.532 21 12 21q-1.868 0-3.51-.709t-2.857-1.923t-1.924-2.858T3 12q0-1.533.502-2.961q.502-1.43 1.475-2.635L2.741 4.167l.713-.713l17.092 17.092zm-.214-4.452l-.738-.739q.569-.925.844-1.956T20 12q0-3.35-2.325-5.675T12 4q-1.075 0-2.11.275t-1.96.844l-.738-.738q1.09-.685 2.308-1.033T12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 1.283-.348 2.5t-1.033 2.308m-2.742 1.496L5.697 7.123q-.82 1.04-1.259 2.287T4 12q0 3.35 2.325 5.675T12 20q1.344 0 2.59-.438q1.247-.439 2.287-1.258m-4.05-8.288l2.367-2.368l.714.702l-2.373 2.373z"/></svg>
</template>

CSS

.icon-offline-pin-off-outline {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2016.5v-1h7l1%201zm11.333%204.76l-2.237-2.237q-1.205.973-2.634%201.475Q13.532%2021%2012%2021q-1.868%200-3.51-.709t-2.857-1.923t-1.924-2.858T3%2012q0-1.533.502-2.961q.502-1.43%201.475-2.635L2.741%204.167l.713-.713l17.092%2017.092zm-.214-4.452l-.738-.739q.569-.925.844-1.956T20%2012q0-3.35-2.325-5.675T12%204q-1.075%200-2.11.275t-1.96.844l-.738-.738q1.09-.685%202.308-1.033T12%203q1.868%200%203.51.709t2.858%201.924T20.29%208.49T21%2012q0%201.283-.348%202.5t-1.033%202.308m-2.742%201.496L5.697%207.123q-.82%201.04-1.259%202.287T4%2012q0%203.35%202.325%205.675T12%2020q1.344%200%202.59-.438q1.247-.439%202.287-1.258m-4.05-8.288l2.367-2.368l.714.702l-2.373%202.373z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2016.5v-1h7l1%201zm11.333%204.76l-2.237-2.237q-1.205.973-2.634%201.475Q13.532%2021%2012%2021q-1.868%200-3.51-.709t-2.857-1.923t-1.924-2.858T3%2012q0-1.533.502-2.961q.502-1.43%201.475-2.635L2.741%204.167l.713-.713l17.092%2017.092zm-.214-4.452l-.738-.739q.569-.925.844-1.956T20%2012q0-3.35-2.325-5.675T12%204q-1.075%200-2.11.275t-1.96.844l-.738-.738q1.09-.685%202.308-1.033T12%203q1.868%200%203.51.709t2.858%201.924T20.29%208.49T21%2012q0%201.283-.348%202.5t-1.033%202.308m-2.742%201.496L5.697%207.123q-.82%201.04-1.259%202.287T4%2012q0%203.35%202.325%205.675T12%2020q1.344%200%202.59-.438q1.247-.439%202.287-1.258m-4.05-8.288l2.367-2.368l.714.702l-2.373%202.373z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/offline-pin-off-outline.svg?color=%231a73e8&size=48