Screen Map Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Collection

Carbon Icons

Format

SVG, React, Angular, Vue, Web Component, PNG

License

Apache-2.0 - Free for commercial use

Tags

screen map location quest adventure navigate

The Screen Map icon is commonly used in location finders, store locators and travel apps. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/318801.svg" alt="Screen Map icon" width="24" height="24">

<img src="https://proicons.com/icon/318801.svg" alt="Screen Map icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/318801.svg"
  alt="Screen Map icon"
  :width="24"
  :height="24"
/>

.icon-screen-map {
  background-image: url('https://proicons.com/icon/318801.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<?xml version="1.0" encoding="UTF-8"?>
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
  <defs>
    <style>
      .cls-1 {
        fill: none;
      }
    </style>
  </defs>
  <rect x="22" y="25" width="8" height="2"/>
  <rect x="22" y="21" width="8" height="2"/>
  <polygon points="18.4141 11 23 11 23 9 15 9 15 17 17 17 17 12.4141 23.5859 19 25 17.5859 18.4141 11"/>
  <path d="M28,3H4c-1.1028,0-2,.8975-2,2V21c0,1.1025,.8972,2,2,2H12v4h-4v2h12v-8H4V5H28v14h2V5c0-1.1025-.8972-2-2-2Zm-10,24h-4v-4h4v4Z"/>
  <rect id="_Transparent_Rectangle_" data-name="&amp;lt;Transparent Rectangle&amp;gt;" class="cls-1" width="32" height="32"/>
</svg>