wrong location icon
wrong-location-outline from Material Symbols Light by Google · Outline · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- wrong-location-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- wrong-location-outline-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More maps icons from Material Symbols Light
Use the wrong location icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21.039q-3.544-3.118-5.33-5.815q-1.785-2.697-1.785-4.908q0-3.174 2.076-5.245T12 3q.157 0 .307.003q.149.003.308.027v.993q-.154-.021-.307-.032q-.154-.01-.308-.01q-2.621 0-4.359 1.795t-1.737 4.54q0 1.851 1.629 4.38Q9.16 17.222 12 19.676q2.762-2.415 4.39-4.895q1.63-2.48 1.687-4.351q0-.012-.003-.023q-.003-.012-.003-.023h1.012q0 .011.007.023q.006.011.006.023q-.057 2.192-1.843 4.86T12 21.038M16.01 7.82l2.1-2.1l2.1 2.1l.707-.708l-2.1-2.1l2.1-2.1l-.707-.707l-2.1 2.1l-2.1-2.1l-.708.707l2.1 2.1l-2.1 2.1zm-2.867 3.436q.473-.475.473-1.143t-.476-1.14t-1.143-.472t-1.14.476t-.472 1.143t.475 1.14t1.144.472t1.14-.476"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWrongLocationOutline(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 21.039q-3.544-3.118-5.33-5.815q-1.785-2.697-1.785-4.908q0-3.174 2.076-5.245T12 3q.157 0 .307.003q.149.003.308.027v.993q-.154-.021-.307-.032q-.154-.01-.308-.01q-2.621 0-4.359 1.795t-1.737 4.54q0 1.851 1.629 4.38Q9.16 17.222 12 19.676q2.762-2.415 4.39-4.895q1.63-2.48 1.687-4.351q0-.012-.003-.023q-.003-.012-.003-.023h1.012q0 .011.007.023q.006.011.006.023q-.057 2.192-1.843 4.86T12 21.038M16.01 7.82l2.1-2.1l2.1 2.1l.707-.708l-2.1-2.1l2.1-2.1l-.707-.707l-2.1 2.1l-2.1-2.1l-.708.707l2.1 2.1l-2.1 2.1zm-2.867 3.436q.473-.475.473-1.143t-.476-1.14t-1.143-.472t-1.14.476t-.472 1.143t.475 1.14t1.144.472t1.14-.476"/></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 21.039q-3.544-3.118-5.33-5.815q-1.785-2.697-1.785-4.908q0-3.174 2.076-5.245T12 3q.157 0 .307.003q.149.003.308.027v.993q-.154-.021-.307-.032q-.154-.01-.308-.01q-2.621 0-4.359 1.795t-1.737 4.54q0 1.851 1.629 4.38Q9.16 17.222 12 19.676q2.762-2.415 4.39-4.895q1.63-2.48 1.687-4.351q0-.012-.003-.023q-.003-.012-.003-.023h1.012q0 .011.007.023q.006.011.006.023q-.057 2.192-1.843 4.86T12 21.038M16.01 7.82l2.1-2.1l2.1 2.1l.707-.708l-2.1-2.1l2.1-2.1l-.707-.707l-2.1 2.1l-2.1-2.1l-.708.707l2.1 2.1l-2.1 2.1zm-2.867 3.436q.473-.475.473-1.143t-.476-1.14t-1.143-.472t-1.14.476t-.472 1.143t.475 1.14t1.144.472t1.14-.476"/></svg> </template>
CSS
.icon-wrong-location-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%22M12%2021.039q-3.544-3.118-5.33-5.815q-1.785-2.697-1.785-4.908q0-3.174%202.076-5.245T12%203q.157%200%20.307.003q.149.003.308.027v.993q-.154-.021-.307-.032q-.154-.01-.308-.01q-2.621%200-4.359%201.795t-1.737%204.54q0%201.851%201.629%204.38Q9.16%2017.222%2012%2019.676q2.762-2.415%204.39-4.895q1.63-2.48%201.687-4.351q0-.012-.003-.023q-.003-.012-.003-.023h1.012q0%20.011.007.023q.006.011.006.023q-.057%202.192-1.843%204.86T12%2021.038M16.01%207.82l2.1-2.1l2.1%202.1l.707-.708l-2.1-2.1l2.1-2.1l-.707-.707l-2.1%202.1l-2.1-2.1l-.708.707l2.1%202.1l-2.1%202.1zm-2.867%203.436q.473-.475.473-1.143t-.476-1.14t-1.143-.472t-1.14.476t-.472%201.143t.475%201.14t1.144.472t1.14-.476%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%2021.039q-3.544-3.118-5.33-5.815q-1.785-2.697-1.785-4.908q0-3.174%202.076-5.245T12%203q.157%200%20.307.003q.149.003.308.027v.993q-.154-.021-.307-.032q-.154-.01-.308-.01q-2.621%200-4.359%201.795t-1.737%204.54q0%201.851%201.629%204.38Q9.16%2017.222%2012%2019.676q2.762-2.415%204.39-4.895q1.63-2.48%201.687-4.351q0-.012-.003-.023q-.003-.012-.003-.023h1.012q0%20.011.007.023q.006.011.006.023q-.057%202.192-1.843%204.86T12%2021.038M16.01%207.82l2.1-2.1l2.1%202.1l.707-.708l-2.1-2.1l2.1-2.1l-.707-.707l-2.1%202.1l-2.1-2.1l-.708.707l2.1%202.1l-2.1%202.1zm-2.867%203.436q.473-.475.473-1.143t-.476-1.14t-1.143-.472t-1.14.476t-.472%201.143t.475%201.14t1.144.472t1.14-.476%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/wrong-location-outline.svg?color=%231a73e8&size=48
