Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Near Me SVG icon, line

Near Me SVG icon, line

A navigation arrow points toward a nearby dot. It works beside a nearby-services search field or in a restaurant finder’s location controls.

Similar SVGs

More from Maps and location icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_EDoOSbL5QDR/amnt.svg" alt="Near Me" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M618 372c-10 0-23 4-33 6-28 5-57 9-86 14-18 3-106 14-116 21-29 20 41 57 48 75 1 3 1 7 0 10-3 6-58 50-67 57-50 42-100 83-150 125-35 30-92 61-85 115 2 18 11 35 25 48 26 23 66 24 94 3 20-15 53-55 72-75 44-48 89-94 133-142 7-8 47-54 54-56 8-2 13 4 18 10 7 6 36 39 42 40 5 2 11 1 14-3 6-6 6-20 8-28 7-38 15-76 22-114 3-14 22-94 18-101-3-4-7-5-11-5z" fill="#0194fb" stroke="#0194fb"/></g><g id="grape" data-name="Grape"><path d="M511 612c26 12 36 59 79 39 29-14 30-64 36-92 8-39 15-79 23-118 4-20 13-43 11-62-1-10-6-20-13-26-7-7-17-11-26-11-20-1-42 7-62 10-42 7-83 13-125 20-32 5-76 5-86 42-3 12-2 24 3 34 9 17 29 31 42 44-19 11-40 34-58 48-44 37-88 73-132 110-49 42-114 76-104 151 3 22 13 44 30 60 16 17 39 27 62 30 52 6 79-22 111-56 13-15 27-30 41-44 30-33 61-64 91-97 26-27 51-56 77-82zM618 372c4 0 8 1 11 5 4 7-15 87-18 101-7 38-15 76-22 114-2 8-2 22-8 28-3 4-9 5-14 3-6-1-35-34-42-40-5-6-10-12-18-10-7 2-47 48-54 56-44 48-89 94-133 142-19 20-52 60-72 75-28 21-68 20-94-3-14-13-23-30-25-48-7-54 50-85 85-115 50-42 100-83 150-125 9-7 64-51 67-57 1-3 1-7 0-10-7-18-77-55-48-75 10-7 98-18 116-21 29-5 58-9 86-14 10-2 23-6 33-6z" fill="#011753" stroke="#011753"/><path d="M786 117c-122 8-173 159-79 237 24 20 56 31 87 30 132-6 177-191 58-252-20-10-44-16-66-15zm-3 31c99-9 144 115 71 177-16 14-36 23-58 25-57 4-107-42-107-99 0-52 43-98 94-103z" fill="#011753" stroke="#011753"/></g><g id="coral" data-name="Coral"><path d="M783 148c-51 5-94 51-94 103 0 57 50 103 107 99 22-2 42-11 58-25 73-62 28-186-71-177z" fill="#fc625d" stroke="#fc625d"/></g></svg>
CSS background-image
.near-me {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_EDoOSbL5QDR/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.near-me {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_EDoOSbL5QDR/amnt.svg") center / contain no-repeat;
}
React
import NearMeSvg from "./near-me.jsx"; // from the React tab above

<NearMeSvg width={48} height={48} />

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Near Me: A navigation arrow pointing toward a nearby dot. A flat colour icon. as part of the pack Maps and location icons, line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings