Forward Circle Line Icon SVG
Forward Circle Line
Forward circle line SVG Icon Code | Customize color
You can get svg icon forward circle line in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeForward 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 3zm6 0V9l5 3-5 3z"/></svg> Forward 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 3zm6 0V9l5 3-5 3z" fill="white"></path></svg> Forward 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 3zm6 0V9l5 3-5 3z" fill="red"></path></svg> Forward 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 3zm6 0V9l5 3-5 3z" fill="blue"></path></svg> Forward 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 3zm6 0V9l5 3-5 3z" fill="#f3da35"></path></svg> Advance Editor
You can edit forward circle line as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements