Forward End Circle Line Icon SVG
Forward End Circle Line
Forward end circle line SVG Icon Code | Customize color
You can get svg icon forward end circle line in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeForward end circle line
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 15V9l5 3-5 3zm10-3-5 3V9l5 3zm0 0V9m0 3v3"/></svg> Forward end circle line
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 15V9l5 3-5 3zm10-3-5 3V9l5 3zm0 0V9m0 3v3" fill="white"></path></svg> Forward end circle line
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 15V9l5 3-5 3zm10-3-5 3V9l5 3zm0 0V9m0 3v3" fill="red"></path></svg> Forward end circle line
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 15V9l5 3-5 3zm10-3-5 3V9l5 3zm0 0V9m0 3v3" fill="blue"></path></svg> Forward end circle line
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 15V9l5 3-5 3zm10-3-5 3V9l5 3zm0 0V9m0 3v3" fill="#f3da35"></path></svg> Advance Editor
You can edit forward end circle line as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements