Triangle Alert Fill Icon SVG
Triangle Alert Fill
Triangle alert fill SVG Icon Code | Customize color
You can get svg icon triangle alert 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="M14.5425 2.59838C13.459 0.467205 10.5409 0.467209 9.4574 2.59838L1.34086 18.5627C0.371498 20.4694 1.59676 23 3.88342 23H20.1165C22.4032 23 23.6284 20.4694 22.6591 18.5627L14.5425 2.59838ZM12 8C12.5523 8 13 8.44772 13 9V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V9C11 8.44772 11.4477 8 12 8ZM12 16.5C12.5523 16.5 13 16.9477 13 17.5V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V17.5C11 16.9477 11.4477 16.5 12 16.5Z" 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="M14.5425 2.59838C13.459 0.467205 10.5409 0.467209 9.4574 2.59838L1.34086 18.5627C0.371498 20.4694 1.59676 23 3.88342 23H20.1165C22.4032 23 23.6284 20.4694 22.6591 18.5627L14.5425 2.59838ZM12 8C12.5523 8 13 8.44772 13 9V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V9C11 8.44772 11.4477 8 12 8ZM12 16.5C12.5523 16.5 13 16.9477 13 17.5V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V17.5C11 16.9477 11.4477 16.5 12 16.5Z" 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="M14.5425 2.59838C13.459 0.467205 10.5409 0.467209 9.4574 2.59838L1.34086 18.5627C0.371498 20.4694 1.59676 23 3.88342 23H20.1165C22.4032 23 23.6284 20.4694 22.6591 18.5627L14.5425 2.59838ZM12 8C12.5523 8 13 8.44772 13 9V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V9C11 8.44772 11.4477 8 12 8ZM12 16.5C12.5523 16.5 13 16.9477 13 17.5V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V17.5C11 16.9477 11.4477 16.5 12 16.5Z" 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="M14.5425 2.59838C13.459 0.467205 10.5409 0.467209 9.4574 2.59838L1.34086 18.5627C0.371498 20.4694 1.59676 23 3.88342 23H20.1165C22.4032 23 23.6284 20.4694 22.6591 18.5627L14.5425 2.59838ZM12 8C12.5523 8 13 8.44772 13 9V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V9C11 8.44772 11.4477 8 12 8ZM12 16.5C12.5523 16.5 13 16.9477 13 17.5V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V17.5C11 16.9477 11.4477 16.5 12 16.5Z" 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="M14.5425 2.59838C13.459 0.467205 10.5409 0.467209 9.4574 2.59838L1.34086 18.5627C0.371498 20.4694 1.59676 23 3.88342 23H20.1165C22.4032 23 23.6284 20.4694 22.6591 18.5627L14.5425 2.59838ZM12 8C12.5523 8 13 8.44772 13 9V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V9C11 8.44772 11.4477 8 12 8ZM12 16.5C12.5523 16.5 13 16.9477 13 17.5V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V17.5C11 16.9477 11.4477 16.5 12 16.5Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit triangle alert fill as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements