Compass Line Icon SVG

Get Free Compass line Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the Compass line Icon SVG file (HMTL/CSS) in different colors and sizes. Compass line SVG icon white, black, red, green, blue, transparent, and other colors.

Compass line Icon Svg Code | Path | Download

Download free Compass Line SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Compass Line Icon SVG code in HTML/Css from below.

Compass Line

Compass line SVG Icon Code | Customize color

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

Compass 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="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm3.5-11.5l-2 5-5 2 2-5 5-2z"/> </g> </svg>

Compass line

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm3.5-11.5l-2 5-5 2 2-5 5-2z"/> </g> </svg>

Compass line

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm3.5-11.5l-2 5-5 2 2-5 5-2z"/> </g> </svg>

Compass line

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm3.5-11.5l-2 5-5 2 2-5 5-2z"/> </g> </svg>

Compass line

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm3.5-11.5l-2 5-5 2 2-5 5-2z"/> </g> </svg>

Advance Editor

You can edit compass 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

Related Icons

Compass Line Icon SVG - Faq(s)?

⭐Can I get Free Compass Line Icon SVG?

Yes, you can get free Compass Line SVG icons.

⭐ How to download free Compass Line Icon SVG code?

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

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

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

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

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