Circle Triangle Right Fill Icon SVG
Circle Triangle Right Fill
Circle triangle right fill SVG Icon Code | Customize color
You can get svg icon circle triangle right fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM10 8.8C10 8.50496 10.1522 8.23388 10.3961 8.09466C10.64 7.95545 10.9359 7.9707 11.166 8.13436L15.666 11.3344C15.8747 11.4827 16 11.7325 16 12C16 12.2675 15.8747 12.5173 15.666 12.6656L11.166 15.8656C10.9359 16.0293 10.64 16.0446 10.3961 15.9053C10.1522 15.7661 10 15.495 10 15.2V8.8Z" fill="black"/> </svg>
Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM10 8.8C10 8.50496 10.1522 8.23388 10.3961 8.09466C10.64 7.95545 10.9359 7.9707 11.166 8.13436L15.666 11.3344C15.8747 11.4827 16 11.7325 16 12C16 12.2675 15.8747 12.5173 15.666 12.6656L11.166 15.8656C10.9359 16.0293 10.64 16.0446 10.3961 15.9053C10.1522 15.7661 10 15.495 10 15.2V8.8Z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM10 8.8C10 8.50496 10.1522 8.23388 10.3961 8.09466C10.64 7.95545 10.9359 7.9707 11.166 8.13436L15.666 11.3344C15.8747 11.4827 16 11.7325 16 12C16 12.2675 15.8747 12.5173 15.666 12.6656L11.166 15.8656C10.9359 16.0293 10.64 16.0446 10.3961 15.9053C10.1522 15.7661 10 15.495 10 15.2V8.8Z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM10 8.8C10 8.50496 10.1522 8.23388 10.3961 8.09466C10.64 7.95545 10.9359 7.9707 11.166 8.13436L15.666 11.3344C15.8747 11.4827 16 11.7325 16 12C16 12.2675 15.8747 12.5173 15.666 12.6656L11.166 15.8656C10.9359 16.0293 10.64 16.0446 10.3961 15.9053C10.1522 15.7661 10 15.495 10 15.2V8.8Z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM10 8.8C10 8.50496 10.1522 8.23388 10.3961 8.09466C10.64 7.95545 10.9359 7.9707 11.166 8.13436L15.666 11.3344C15.8747 11.4827 16 11.7325 16 12C16 12.2675 15.8747 12.5173 15.666 12.6656L11.166 15.8656C10.9359 16.0293 10.64 16.0446 10.3961 15.9053C10.1522 15.7661 10 15.495 10 15.2V8.8Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit circle triangle right fill as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements