Circle Triangle Up Fill Icon SVG
Circle Triangle Up Fill
Circle triangle up fill SVG Icon Code | Customize color
You can get svg icon circle triangle up 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 1ZM8.8 14C8.50496 14 8.23388 13.8478 8.09466 13.6039C7.95545 13.36 7.9707 13.0641 8.13436 12.834L11.3344 8.33397C11.4827 8.12533 11.7325 8 12 8C12.2675 8 12.5173 8.12533 12.6656 8.33397L15.8656 12.834C16.0293 13.0641 16.0446 13.36 15.9053 13.6039C15.7661 13.8478 15.495 14 15.2 14H8.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 1ZM8.8 14C8.50496 14 8.23388 13.8478 8.09466 13.6039C7.95545 13.36 7.9707 13.0641 8.13436 12.834L11.3344 8.33397C11.4827 8.12533 11.7325 8 12 8C12.2675 8 12.5173 8.12533 12.6656 8.33397L15.8656 12.834C16.0293 13.0641 16.0446 13.36 15.9053 13.6039C15.7661 13.8478 15.495 14 15.2 14H8.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 1ZM8.8 14C8.50496 14 8.23388 13.8478 8.09466 13.6039C7.95545 13.36 7.9707 13.0641 8.13436 12.834L11.3344 8.33397C11.4827 8.12533 11.7325 8 12 8C12.2675 8 12.5173 8.12533 12.6656 8.33397L15.8656 12.834C16.0293 13.0641 16.0446 13.36 15.9053 13.6039C15.7661 13.8478 15.495 14 15.2 14H8.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 1ZM8.8 14C8.50496 14 8.23388 13.8478 8.09466 13.6039C7.95545 13.36 7.9707 13.0641 8.13436 12.834L11.3344 8.33397C11.4827 8.12533 11.7325 8 12 8C12.2675 8 12.5173 8.12533 12.6656 8.33397L15.8656 12.834C16.0293 13.0641 16.0446 13.36 15.9053 13.6039C15.7661 13.8478 15.495 14 15.2 14H8.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 1ZM8.8 14C8.50496 14 8.23388 13.8478 8.09466 13.6039C7.95545 13.36 7.9707 13.0641 8.13436 12.834L11.3344 8.33397C11.4827 8.12533 11.7325 8 12 8C12.2675 8 12.5173 8.12533 12.6656 8.33397L15.8656 12.834C16.0293 13.0641 16.0446 13.36 15.9053 13.6039C15.7661 13.8478 15.495 14 15.2 14H8.8Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit circle triangle up fill as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements