⭐ Can I get Free Map Line Icon SVG?

Yes, you can get free Map Line SVG icons.

⭐ How to download free Map Line Icon SVG code?

To download free Map Line icons in SVG code click on the copy code button.

⭐ How to find the Map Line Icon SVG path file?

You can get the Map Line SVG file path from the above section.

⭐ What are the colors available for SVG Map Line Icon?

You can check the Map Line SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.

Map Line Icon SVG

Map Line

Map line SVG Icon Code | Customize color

You can get svg icon map line in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Map line

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M2 5l7-3 6 3 6.303-2.701a.5.5 0 0 1 .697.46V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V5zm12.935 2.204l-6-3L4 6.319v12.648l5.065-2.17 6 3L20 17.68V5.033l-5.065 2.17z"/> </g> </svg>

Map line

Svg Code

<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="white" d="M0 0h24v24H0z"></path> <path d="M2 5l7-3 6 3 6.303-2.701a.5.5 0 0 1 .697.46V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V5zm12.935 2.204l-6-3L4 6.319v12.648l5.065-2.17 6 3L20 17.68V5.033l-5.065 2.17z" fill="white"></path> </g> </svg>

Map line

Svg Code

<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="red" d="M0 0h24v24H0z"></path> <path d="M2 5l7-3 6 3 6.303-2.701a.5.5 0 0 1 .697.46V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V5zm12.935 2.204l-6-3L4 6.319v12.648l5.065-2.17 6 3L20 17.68V5.033l-5.065 2.17z" fill="red"></path> </g> </svg>

Map line

Svg Code

<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="blue" d="M0 0h24v24H0z"></path> <path d="M2 5l7-3 6 3 6.303-2.701a.5.5 0 0 1 .697.46V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V5zm12.935 2.204l-6-3L4 6.319v12.648l5.065-2.17 6 3L20 17.68V5.033l-5.065 2.17z" fill="blue"></path> </g> </svg>

Map line

Svg Code

<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="#f3da35" d="M0 0h24v24H0z"></path> <path d="M2 5l7-3 6 3 6.303-2.701a.5.5 0 0 1 .697.46V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V5zm12.935 2.204l-6-3L4 6.319v12.648l5.065-2.17 6 3L20 17.68V5.033l-5.065 2.17z" fill="#f3da35"></path> </g> </svg>

Advance Editor

You can edit map line as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Map Line Icon SVG

Map Line

Map line SVG Icon Code | Customize color

Map line

Svg Code

Map line

Svg Code

Map line

Svg Code

Map line

Svg Code

Map line

Svg Code

Advance Editor

Related Icons