Circle Layer Icon SVG

Icon Circle layer SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

Circle layer Icon Svg Code | Path | Download

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

Circle Layer

Circle layer SVG Icon Code | Customize color

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

Circle layer

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M7,12c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S9.8,12,7,12z M11,7c-2.4,0-4.6,1.5-5.5,3.7c3.5-0.9,7,1.3,7.8,4.7c0.3,1,0.3,2.1,0,3.1c3.1-1.3,4.5-4.8,3.2-7.8C15.6,8.5,13.4,7,11,7z M21.2,5.8C20.1,3.5,17.6,2,15,2S9.9,3.5,8.8,5.8c4-1.2,8.2,1,9.4,4.9c0.5,1.5,0.5,3,0,4.5C21.6,13.5,23,9.3,21.2,5.8z"/></svg>

Circle layer

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M7,12c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S9.8,12,7,12z M11,7c-2.4,0-4.6,1.5-5.5,3.7c3.5-0.9,7,1.3,7.8,4.7c0.3,1,0.3,2.1,0,3.1c3.1-1.3,4.5-4.8,3.2-7.8C15.6,8.5,13.4,7,11,7z M21.2,5.8C20.1,3.5,17.6,2,15,2S9.9,3.5,8.8,5.8c4-1.2,8.2,1,9.4,4.9c0.5,1.5,0.5,3,0,4.5C21.6,13.5,23,9.3,21.2,5.8z"/></svg>

Circle layer

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M7,12c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S9.8,12,7,12z M11,7c-2.4,0-4.6,1.5-5.5,3.7c3.5-0.9,7,1.3,7.8,4.7c0.3,1,0.3,2.1,0,3.1c3.1-1.3,4.5-4.8,3.2-7.8C15.6,8.5,13.4,7,11,7z M21.2,5.8C20.1,3.5,17.6,2,15,2S9.9,3.5,8.8,5.8c4-1.2,8.2,1,9.4,4.9c0.5,1.5,0.5,3,0,4.5C21.6,13.5,23,9.3,21.2,5.8z"/></svg>

Circle layer

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M7,12c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S9.8,12,7,12z M11,7c-2.4,0-4.6,1.5-5.5,3.7c3.5-0.9,7,1.3,7.8,4.7c0.3,1,0.3,2.1,0,3.1c3.1-1.3,4.5-4.8,3.2-7.8C15.6,8.5,13.4,7,11,7z M21.2,5.8C20.1,3.5,17.6,2,15,2S9.9,3.5,8.8,5.8c4-1.2,8.2,1,9.4,4.9c0.5,1.5,0.5,3,0,4.5C21.6,13.5,23,9.3,21.2,5.8z"/></svg>

Circle layer

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M7,12c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S9.8,12,7,12z M11,7c-2.4,0-4.6,1.5-5.5,3.7c3.5-0.9,7,1.3,7.8,4.7c0.3,1,0.3,2.1,0,3.1c3.1-1.3,4.5-4.8,3.2-7.8C15.6,8.5,13.4,7,11,7z M21.2,5.8C20.1,3.5,17.6,2,15,2S9.9,3.5,8.8,5.8c4-1.2,8.2,1,9.4,4.9c0.5,1.5,0.5,3,0,4.5C21.6,13.5,23,9.3,21.2,5.8z"/></svg>

Advance Editor

You can edit circle layer 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

Circle Layer Icon SVG - Faq(s)?

⭐Can I get Free Circle Layer Icon SVG?

Yes, you can get free Circle Layer SVG icons.

⭐ How to download free Circle Layer Icon SVG code?

To download free Circle Layer icons in SVG code click on the copy code button.

⭐How to find the Circle Layer Icon SVG path file?

You can get the Circle Layer SVG file path from the above section.

⭐ What are the colors available for SVG Circle Layer Icon?

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