Double Caret Down Circle Icon SVG
Double Caret Down Circle
Double caret down circle SVG Icon Code | Customize color
You can get svg icon double caret down circle in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50006 0C3.35793 -1.81058e-07 6.12162e-05 3.35786 6.10352e-05 7.5C6.08541e-05 11.6421 3.35792 15 7.50006 15C11.6422 15 15.0001 11.6421 15.0001 7.5C15.0001 3.35786 11.6422 1.81058e-07 7.50006 0ZM4.79303 5.49995L7.50014 8.20706L10.2072 5.49995L9.50014 4.79285L7.50014 6.79285L5.50014 4.79285L4.79303 5.49995ZM4.79303 8.49995L7.50014 11.2071L10.2072 8.49995L9.50014 7.79285L7.50014 9.79285L5.50014 7.79285L4.79303 8.49995Z" fill="black"/> </svg> Svg Code
<svg style='color: white' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50006 0C3.35793 -1.81058e-07 6.12162e-05 3.35786 6.10352e-05 7.5C6.08541e-05 11.6421 3.35792 15 7.50006 15C11.6422 15 15.0001 11.6421 15.0001 7.5C15.0001 3.35786 11.6422 1.81058e-07 7.50006 0ZM4.79303 5.49995L7.50014 8.20706L10.2072 5.49995L9.50014 4.79285L7.50014 6.79285L5.50014 4.79285L4.79303 5.49995ZM4.79303 8.49995L7.50014 11.2071L10.2072 8.49995L9.50014 7.79285L7.50014 9.79285L5.50014 7.79285L4.79303 8.49995Z" fill="black"/> </svg> Svg Code
<svg style='color: red' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50006 0C3.35793 -1.81058e-07 6.12162e-05 3.35786 6.10352e-05 7.5C6.08541e-05 11.6421 3.35792 15 7.50006 15C11.6422 15 15.0001 11.6421 15.0001 7.5C15.0001 3.35786 11.6422 1.81058e-07 7.50006 0ZM4.79303 5.49995L7.50014 8.20706L10.2072 5.49995L9.50014 4.79285L7.50014 6.79285L5.50014 4.79285L4.79303 5.49995ZM4.79303 8.49995L7.50014 11.2071L10.2072 8.49995L9.50014 7.79285L7.50014 9.79285L5.50014 7.79285L4.79303 8.49995Z" fill="black"/> </svg> Svg Code
<svg style='color: blue' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50006 0C3.35793 -1.81058e-07 6.12162e-05 3.35786 6.10352e-05 7.5C6.08541e-05 11.6421 3.35792 15 7.50006 15C11.6422 15 15.0001 11.6421 15.0001 7.5C15.0001 3.35786 11.6422 1.81058e-07 7.50006 0ZM4.79303 5.49995L7.50014 8.20706L10.2072 5.49995L9.50014 4.79285L7.50014 6.79285L5.50014 4.79285L4.79303 5.49995ZM4.79303 8.49995L7.50014 11.2071L10.2072 8.49995L9.50014 7.79285L7.50014 9.79285L5.50014 7.79285L4.79303 8.49995Z" fill="black"/> </svg> Svg Code
<svg style='color: #f3da35' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50006 0C3.35793 -1.81058e-07 6.12162e-05 3.35786 6.10352e-05 7.5C6.08541e-05 11.6421 3.35792 15 7.50006 15C11.6422 15 15.0001 11.6421 15.0001 7.5C15.0001 3.35786 11.6422 1.81058e-07 7.50006 0ZM4.79303 5.49995L7.50014 8.20706L10.2072 5.49995L9.50014 4.79285L7.50014 6.79285L5.50014 4.79285L4.79303 5.49995ZM4.79303 8.49995L7.50014 11.2071L10.2072 8.49995L9.50014 7.79285L7.50014 9.79285L5.50014 7.79285L4.79303 8.49995Z" fill="black"/> </svg> Advance Editor
You can edit double caret down circle as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements