Two Points Circle Icon SVG
Icon Two points circle 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.
Two points circle Icon Svg Code | Path | Download
Download free Two Points Circle SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Two Points Circle Icon SVG code in HTML/Css from below.
Two Points Circle
Two points circle SVG Icon Code | Customize color
You can get svg icon two points circle in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 15L15.0111 15.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 13L13.0111 13.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11L11.0111 11.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.00001 9L9.01112 9.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.00001 7L7.01112 7.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17L17.0111 17.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 15L15.0111 15.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 13L13.0111 13.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11L11.0111 11.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.00001 9L9.01112 9.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.00001 7L7.01112 7.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17L17.0111 17.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 15L15.0111 15.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 13L13.0111 13.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11L11.0111 11.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.00001 9L9.01112 9.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.00001 7L7.01112 7.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17L17.0111 17.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 15L15.0111 15.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 13L13.0111 13.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11L11.0111 11.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.00001 9L9.01112 9.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.00001 7L7.01112 7.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17L17.0111 17.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 15L15.0111 15.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 13L13.0111 13.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11L11.0111 11.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.00001 9L9.01112 9.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.00001 7L7.01112 7.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17L17.0111 17.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit two points circle as below. Change size color and background color of icon using below tool.
Advertisements
Two Points Circle Icon SVG - Faq(s)?
⭐Can I get Free Two Points Circle Icon SVG?Yes, you can get free Two Points Circle SVG icons.
⭐ How to download free Two Points Circle Icon SVG code?To download free Two Points Circle icons in SVG code click on the copy code button.
⭐How to find the Two Points Circle Icon SVG path file?You can get the Two Points Circle SVG file path from the above section.
⭐ What are the colors available for SVG Two Points Circle Icon?You can check the Two Points Circle SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements