local see icon
local-see-sharp from Material Symbols Light by Google · Sharp · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- local-see-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More maps icons from Material Symbols Light
Use the local see icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 16.73q-1.165 0-1.948-.782q-.783-.783-.783-1.948t.783-1.939t1.929-.792h.011q.589.852 1.268 1.644q.68.793 1.427 1.545q-.164.996-.902 1.634q-.739.639-1.785.639M3 21V7h4.573l1.85-2h.827q-.048.244-.072.485q-.024.24-.024.515q0 1.18.337 2.244q.336 1.064.915 2.073q-1.346.216-2.241 1.246q-.896 1.03-.896 2.437q0 1.567 1.082 2.649T12 17.731q1.235 0 2.188-.694t1.33-1.785q.634.61 1.266 1.17T18 17.51q.762-.683 1.521-1.355q.76-.672 1.479-1.378V21zm15-6.711q3.16-2.864 4.31-4.622t1.152-3.517q0-2.575-1.65-4.093T18 .539t-3.812 1.518t-1.65 4.093q0 1.76 1.152 3.517T18 14.288m-1.485-5.865l.566-1.833l-1.504-1.206h1.832L18 3.577l.59 1.807h1.833L18.938 6.59l.566 1.833L18 7.293z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightLocalSeeSharp(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 16.73q-1.165 0-1.948-.782q-.783-.783-.783-1.948t.783-1.939t1.929-.792h.011q.589.852 1.268 1.644q.68.793 1.427 1.545q-.164.996-.902 1.634q-.739.639-1.785.639M3 21V7h4.573l1.85-2h.827q-.048.244-.072.485q-.024.24-.024.515q0 1.18.337 2.244q.336 1.064.915 2.073q-1.346.216-2.241 1.246q-.896 1.03-.896 2.437q0 1.567 1.082 2.649T12 17.731q1.235 0 2.188-.694t1.33-1.785q.634.61 1.266 1.17T18 17.51q.762-.683 1.521-1.355q.76-.672 1.479-1.378V21zm15-6.711q3.16-2.864 4.31-4.622t1.152-3.517q0-2.575-1.65-4.093T18 .539t-3.812 1.518t-1.65 4.093q0 1.76 1.152 3.517T18 14.288m-1.485-5.865l.566-1.833l-1.504-1.206h1.832L18 3.577l.59 1.807h1.833L18.938 6.59l.566 1.833L18 7.293z"/></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 16.73q-1.165 0-1.948-.782q-.783-.783-.783-1.948t.783-1.939t1.929-.792h.011q.589.852 1.268 1.644q.68.793 1.427 1.545q-.164.996-.902 1.634q-.739.639-1.785.639M3 21V7h4.573l1.85-2h.827q-.048.244-.072.485q-.024.24-.024.515q0 1.18.337 2.244q.336 1.064.915 2.073q-1.346.216-2.241 1.246q-.896 1.03-.896 2.437q0 1.567 1.082 2.649T12 17.731q1.235 0 2.188-.694t1.33-1.785q.634.61 1.266 1.17T18 17.51q.762-.683 1.521-1.355q.76-.672 1.479-1.378V21zm15-6.711q3.16-2.864 4.31-4.622t1.152-3.517q0-2.575-1.65-4.093T18 .539t-3.812 1.518t-1.65 4.093q0 1.76 1.152 3.517T18 14.288m-1.485-5.865l.566-1.833l-1.504-1.206h1.832L18 3.577l.59 1.807h1.833L18.938 6.59l.566 1.833L18 7.293z"/></svg> </template>
CSS
.icon-local-see-sharp {
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%2016.73q-1.165%200-1.948-.782q-.783-.783-.783-1.948t.783-1.939t1.929-.792h.011q.589.852%201.268%201.644q.68.793%201.427%201.545q-.164.996-.902%201.634q-.739.639-1.785.639M3%2021V7h4.573l1.85-2h.827q-.048.244-.072.485q-.024.24-.024.515q0%201.18.337%202.244q.336%201.064.915%202.073q-1.346.216-2.241%201.246q-.896%201.03-.896%202.437q0%201.567%201.082%202.649T12%2017.731q1.235%200%202.188-.694t1.33-1.785q.634.61%201.266%201.17T18%2017.51q.762-.683%201.521-1.355q.76-.672%201.479-1.378V21zm15-6.711q3.16-2.864%204.31-4.622t1.152-3.517q0-2.575-1.65-4.093T18%20.539t-3.812%201.518t-1.65%204.093q0%201.76%201.152%203.517T18%2014.288m-1.485-5.865l.566-1.833l-1.504-1.206h1.832L18%203.577l.59%201.807h1.833L18.938%206.59l.566%201.833L18%207.293z%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%2016.73q-1.165%200-1.948-.782q-.783-.783-.783-1.948t.783-1.939t1.929-.792h.011q.589.852%201.268%201.644q.68.793%201.427%201.545q-.164.996-.902%201.634q-.739.639-1.785.639M3%2021V7h4.573l1.85-2h.827q-.048.244-.072.485q-.024.24-.024.515q0%201.18.337%202.244q.336%201.064.915%202.073q-1.346.216-2.241%201.246q-.896%201.03-.896%202.437q0%201.567%201.082%202.649T12%2017.731q1.235%200%202.188-.694t1.33-1.785q.634.61%201.266%201.17T18%2017.51q.762-.683%201.521-1.355q.76-.672%201.479-1.378V21zm15-6.711q3.16-2.864%204.31-4.622t1.152-3.517q0-2.575-1.65-4.093T18%20.539t-3.812%201.518t-1.65%204.093q0%201.76%201.152%203.517T18%2014.288m-1.485-5.865l.566-1.833l-1.504-1.206h1.832L18%203.577l.59%201.807h1.833L18.938%206.59l.566%201.833L18%207.293z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/local-see-sharp.svg?color=%231a73e8&size=48
