round-local-see from Google Material Icons by Material Design Authors · Baseline · Maps · Apache-2.0 Free for personal and commercial use.

Name
round-local-see
Set
Google Material Icons
Style
Baseline
Category
Maps
Viewbox
24×24
License
Apache 2.0

More maps icons from Google Material Icons

Use the round 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="M9.5 14a2.5 2.5 0 0 0 2.5 2.5c1.23 0 2.25-.9 2.46-2.07c-1-1.01-1.83-1.98-2.48-2.93A2.51 2.51 0 0 0 9.5 14"/><path fill="currentColor" d="M18.65 17.08a1 1 0 0 1-1.3 0c-1.26-1.08-.7-.61-1.3-1.14c-.83 1.74-2.73 2.87-4.85 2.5a4.51 4.51 0 0 1-3.63-3.63a4.49 4.49 0 0 1 3.31-5.14C10.3 8.45 10 7.28 10 6.15c0-.75.1-1.47.28-2.15h-.4c-.56 0-1.1.24-1.48.65L7.17 6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-6.03c-1.41 1.49-2.65 2.51-3.35 3.11"/><path fill="currentColor" d="M17.34 14.42c.37.33.95.33 1.33 0C22.22 11.25 24 8.5 24 6.15C24 2.42 21.15 0 18 0s-6 2.42-6 6.15c0 2.35 1.78 5.1 5.34 8.27m-.07-9.17L18 3l.73 2.25H21l-1.85 1.47l.7 2.28L18 7.59L16.15 9l.7-2.28L15 5.25z"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundLocalSee(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="M9.5 14a2.5 2.5 0 0 0 2.5 2.5c1.23 0 2.25-.9 2.46-2.07c-1-1.01-1.83-1.98-2.48-2.93A2.51 2.51 0 0 0 9.5 14"/><path fill="currentColor" d="M18.65 17.08a1 1 0 0 1-1.3 0c-1.26-1.08-.7-.61-1.3-1.14c-.83 1.74-2.73 2.87-4.85 2.5a4.51 4.51 0 0 1-3.63-3.63a4.49 4.49 0 0 1 3.31-5.14C10.3 8.45 10 7.28 10 6.15c0-.75.1-1.47.28-2.15h-.4c-.56 0-1.1.24-1.48.65L7.17 6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-6.03c-1.41 1.49-2.65 2.51-3.35 3.11"/><path fill="currentColor" d="M17.34 14.42c.37.33.95.33 1.33 0C22.22 11.25 24 8.5 24 6.15C24 2.42 21.15 0 18 0s-6 2.42-6 6.15c0 2.35 1.78 5.1 5.34 8.27m-.07-9.17L18 3l.73 2.25H21l-1.85 1.47l.7 2.28L18 7.59L16.15 9l.7-2.28L15 5.25z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 14a2.5 2.5 0 0 0 2.5 2.5c1.23 0 2.25-.9 2.46-2.07c-1-1.01-1.83-1.98-2.48-2.93A2.51 2.51 0 0 0 9.5 14"/><path fill="currentColor" d="M18.65 17.08a1 1 0 0 1-1.3 0c-1.26-1.08-.7-.61-1.3-1.14c-.83 1.74-2.73 2.87-4.85 2.5a4.51 4.51 0 0 1-3.63-3.63a4.49 4.49 0 0 1 3.31-5.14C10.3 8.45 10 7.28 10 6.15c0-.75.1-1.47.28-2.15h-.4c-.56 0-1.1.24-1.48.65L7.17 6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-6.03c-1.41 1.49-2.65 2.51-3.35 3.11"/><path fill="currentColor" d="M17.34 14.42c.37.33.95.33 1.33 0C22.22 11.25 24 8.5 24 6.15C24 2.42 21.15 0 18 0s-6 2.42-6 6.15c0 2.35 1.78 5.1 5.34 8.27m-.07-9.17L18 3l.73 2.25H21l-1.85 1.47l.7 2.28L18 7.59L16.15 9l.7-2.28L15 5.25z"/></svg>
</template>

CSS

.icon-round-local-see {
  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%22M9.5%2014a2.5%202.5%200%200%200%202.5%202.5c1.23%200%202.25-.9%202.46-2.07c-1-1.01-1.83-1.98-2.48-2.93A2.51%202.51%200%200%200%209.5%2014%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.65%2017.08a1%201%200%200%201-1.3%200c-1.26-1.08-.7-.61-1.3-1.14c-.83%201.74-2.73%202.87-4.85%202.5a4.51%204.51%200%200%201-3.63-3.63a4.49%204.49%200%200%201%203.31-5.14C10.3%208.45%2010%207.28%2010%206.15c0-.75.1-1.47.28-2.15h-.4c-.56%200-1.1.24-1.48.65L7.17%206H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2v-6.03c-1.41%201.49-2.65%202.51-3.35%203.11%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.34%2014.42c.37.33.95.33%201.33%200C22.22%2011.25%2024%208.5%2024%206.15C24%202.42%2021.15%200%2018%200s-6%202.42-6%206.15c0%202.35%201.78%205.1%205.34%208.27m-.07-9.17L18%203l.73%202.25H21l-1.85%201.47l.7%202.28L18%207.59L16.15%209l.7-2.28L15%205.25z%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%22M9.5%2014a2.5%202.5%200%200%200%202.5%202.5c1.23%200%202.25-.9%202.46-2.07c-1-1.01-1.83-1.98-2.48-2.93A2.51%202.51%200%200%200%209.5%2014%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.65%2017.08a1%201%200%200%201-1.3%200c-1.26-1.08-.7-.61-1.3-1.14c-.83%201.74-2.73%202.87-4.85%202.5a4.51%204.51%200%200%201-3.63-3.63a4.49%204.49%200%200%201%203.31-5.14C10.3%208.45%2010%207.28%2010%206.15c0-.75.1-1.47.28-2.15h-.4c-.56%200-1.1.24-1.48.65L7.17%206H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2v-6.03c-1.41%201.49-2.65%202.51-3.35%203.11%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.34%2014.42c.37.33.95.33%201.33%200C22.22%2011.25%2024%208.5%2024%206.15C24%202.42%2021.15%200%2018%200s-6%202.42-6%206.15c0%202.35%201.78%205.1%205.34%208.27m-.07-9.17L18%203l.73%202.25H21l-1.85%201.47l.7%202.28L18%207.59L16.15%209l.7-2.28L15%205.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-local-see.svg?color=%231a73e8&size=48