Rings Icon SVG
Icon Rings 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.
Rings Icon Svg Code | Path | Download
Download free Rings SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Rings Icon SVG code in HTML/Css from below.
Rings
Rings SVG Icon Code | Customize color
You can get svg icon rings 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="M8 8C4.68629 8 2 10.6863 2 14C2 17.3137 4.68629 20 8 20C11.3137 20 14 17.3137 14 14C14 10.6863 11.3137 8 8 8ZM8 8V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 8C12.6863 8 10 10.6863 10 14C10 17.3137 12.6863 20 16 20C19.3137 20 22 17.3137 22 14C22 10.6863 19.3137 8 16 8ZM16 8V3" 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="M8 8C4.68629 8 2 10.6863 2 14C2 17.3137 4.68629 20 8 20C11.3137 20 14 17.3137 14 14C14 10.6863 11.3137 8 8 8ZM8 8V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 8C12.6863 8 10 10.6863 10 14C10 17.3137 12.6863 20 16 20C19.3137 20 22 17.3137 22 14C22 10.6863 19.3137 8 16 8ZM16 8V3" 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="M8 8C4.68629 8 2 10.6863 2 14C2 17.3137 4.68629 20 8 20C11.3137 20 14 17.3137 14 14C14 10.6863 11.3137 8 8 8ZM8 8V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 8C12.6863 8 10 10.6863 10 14C10 17.3137 12.6863 20 16 20C19.3137 20 22 17.3137 22 14C22 10.6863 19.3137 8 16 8ZM16 8V3" 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="M8 8C4.68629 8 2 10.6863 2 14C2 17.3137 4.68629 20 8 20C11.3137 20 14 17.3137 14 14C14 10.6863 11.3137 8 8 8ZM8 8V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 8C12.6863 8 10 10.6863 10 14C10 17.3137 12.6863 20 16 20C19.3137 20 22 17.3137 22 14C22 10.6863 19.3137 8 16 8ZM16 8V3" 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="M8 8C4.68629 8 2 10.6863 2 14C2 17.3137 4.68629 20 8 20C11.3137 20 14 17.3137 14 14C14 10.6863 11.3137 8 8 8ZM8 8V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 8C12.6863 8 10 10.6863 10 14C10 17.3137 12.6863 20 16 20C19.3137 20 22 17.3137 22 14C22 10.6863 19.3137 8 16 8ZM16 8V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit rings as below. Change size color and background color of icon using below tool.
Advertisements
Rings Icon SVG - Faq(s)?
⭐Can I get Free Rings Icon SVG?Yes, you can get free Rings SVG icons.
⭐ How to download free Rings Icon SVG code?To download free Rings icons in SVG code click on the copy code button.
⭐How to find the Rings Icon SVG path file?You can get the Rings SVG file path from the above section.
⭐ What are the colors available for SVG Rings Icon?You can check the Rings SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements