offline pin off icon
offline-pin-off-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- offline-pin-off-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
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="M12 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.635L3.094 4.52q-.146-.146-.153-.347t.159-.366t.357-.166t.357.166l16.378 16.384q.147.146.156.344t-.156.364t-.356.165t-.357-.165l-1.883-1.877q-1.206.973-2.635 1.475T12 21m-3-4.5h6.073l-1-1H9q-.213 0-.356.144t-.144.357t.144.356T9 16.5M12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 .935-.184 1.836q-.183.901-.55 1.747q-.124.29-.362.425q-.237.134-.526.134q-.207 0-.385-.07t-.337-.228l-4.829-4.828q-.13-.124-.13-.29t.13-.295l1.727-1.727q.165-.165.162-.357q-.002-.191-.168-.35q-.165-.16-.357-.157q-.191.002-.35.162l-1.722 1.721q-.123.13-.288.13t-.296-.13l-4.38-4.379q-.158-.16-.228-.34t-.07-.38q0-.28.144-.52q.143-.238.416-.37q.846-.367 1.747-.55T12 3"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightOfflinePinOffRounded(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="M12 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.635L3.094 4.52q-.146-.146-.153-.347t.159-.366t.357-.166t.357.166l16.378 16.384q.147.146.156.344t-.156.364t-.356.165t-.357-.165l-1.883-1.877q-1.206.973-2.635 1.475T12 21m-3-4.5h6.073l-1-1H9q-.213 0-.356.144t-.144.357t.144.356T9 16.5M12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 .935-.184 1.836q-.183.901-.55 1.747q-.124.29-.362.425q-.237.134-.526.134q-.207 0-.385-.07t-.337-.228l-4.829-4.828q-.13-.124-.13-.29t.13-.295l1.727-1.727q.165-.165.162-.357q-.002-.191-.168-.35q-.165-.16-.357-.157q-.191.002-.35.162l-1.722 1.721q-.123.13-.288.13t-.296-.13l-4.38-4.379q-.158-.16-.228-.34t-.07-.38q0-.28.144-.52q.143-.238.416-.37q.846-.367 1.747-.55T12 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 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.635L3.094 4.52q-.146-.146-.153-.347t.159-.366t.357-.166t.357.166l16.378 16.384q.147.146.156.344t-.156.364t-.356.165t-.357-.165l-1.883-1.877q-1.206.973-2.635 1.475T12 21m-3-4.5h6.073l-1-1H9q-.213 0-.356.144t-.144.357t.144.356T9 16.5M12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 .935-.184 1.836q-.183.901-.55 1.747q-.124.29-.362.425q-.237.134-.526.134q-.207 0-.385-.07t-.337-.228l-4.829-4.828q-.13-.124-.13-.29t.13-.295l1.727-1.727q.165-.165.162-.357q-.002-.191-.168-.35q-.165-.16-.357-.157q-.191.002-.35.162l-1.722 1.721q-.123.13-.288.13t-.296-.13l-4.38-4.379q-.158-.16-.228-.34t-.07-.38q0-.28.144-.52q.143-.238.416-.37q.846-.367 1.747-.55T12 3"/></svg> </template>
CSS
.icon-offline-pin-off-rounded {
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%22M12%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.635L3.094%204.52q-.146-.146-.153-.347t.159-.366t.357-.166t.357.166l16.378%2016.384q.147.146.156.344t-.156.364t-.356.165t-.357-.165l-1.883-1.877q-1.206.973-2.635%201.475T12%2021m-3-4.5h6.073l-1-1H9q-.213%200-.356.144t-.144.357t.144.356T9%2016.5M12%203q1.868%200%203.51.709t2.858%201.924T20.29%208.49T21%2012q0%20.935-.184%201.836q-.183.901-.55%201.747q-.124.29-.362.425q-.237.134-.526.134q-.207%200-.385-.07t-.337-.228l-4.829-4.828q-.13-.124-.13-.29t.13-.295l1.727-1.727q.165-.165.162-.357q-.002-.191-.168-.35q-.165-.16-.357-.157q-.191.002-.35.162l-1.722%201.721q-.123.13-.288.13t-.296-.13l-4.38-4.379q-.158-.16-.228-.34t-.07-.38q0-.28.144-.52q.143-.238.416-.37q.846-.367%201.747-.55T12%203%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%22M12%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.635L3.094%204.52q-.146-.146-.153-.347t.159-.366t.357-.166t.357.166l16.378%2016.384q.147.146.156.344t-.156.364t-.356.165t-.357-.165l-1.883-1.877q-1.206.973-2.635%201.475T12%2021m-3-4.5h6.073l-1-1H9q-.213%200-.356.144t-.144.357t.144.356T9%2016.5M12%203q1.868%200%203.51.709t2.858%201.924T20.29%208.49T21%2012q0%20.935-.184%201.836q-.183.901-.55%201.747q-.124.29-.362.425q-.237.134-.526.134q-.207%200-.385-.07t-.337-.228l-4.829-4.828q-.13-.124-.13-.29t.13-.295l1.727-1.727q.165-.165.162-.357q-.002-.191-.168-.35q-.165-.16-.357-.157q-.191.002-.35.162l-1.722%201.721q-.123.13-.288.13t-.296-.13l-4.38-4.379q-.158-.16-.228-.34t-.07-.38q0-.28.144-.52q.143-.238.416-.37q.846-.367%201.747-.55T12%203%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-rounded.svg?color=%231a73e8&size=48
