Triangle_large Icon SVG
Triangle_large
Triangle_large SVG Icon Code | Customize color
You can get svg icon triangle_large in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 42H6L15 24L24 6L33 24L42 42H24Z" fill="#333333"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 5C24.3788 5 24.725 5.214 24.8944 5.55279L42.8944 41.5528C43.0494 41.8628 43.0329 42.2309 42.8507 42.5257C42.6684 42.8205 42.3466 43 42 43H6C5.65342 43 5.33156 42.8205 5.14935 42.5257C4.96714 42.2309 4.95058 41.8628 5.10557 41.5528L23.1056 5.55279C23.275 5.214 23.6212 5 24 5ZM24 8.23607L7.61803 41H40.382L24 8.23607Z" fill="#333333"/> </svg> Svg Code
<svg style="color: white" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 42H6L15 24L24 6L33 24L42 42H24Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 5C24.3788 5 24.725 5.214 24.8944 5.55279L42.8944 41.5528C43.0494 41.8628 43.0329 42.2309 42.8507 42.5257C42.6684 42.8205 42.3466 43 42 43H6C5.65342 43 5.33156 42.8205 5.14935 42.5257C4.96714 42.2309 4.95058 41.8628 5.10557 41.5528L23.1056 5.55279C23.275 5.214 23.6212 5 24 5ZM24 8.23607L7.61803 41H40.382L24 8.23607Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 42H6L15 24L24 6L33 24L42 42H24Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 5C24.3788 5 24.725 5.214 24.8944 5.55279L42.8944 41.5528C43.0494 41.8628 43.0329 42.2309 42.8507 42.5257C42.6684 42.8205 42.3466 43 42 43H6C5.65342 43 5.33156 42.8205 5.14935 42.5257C4.96714 42.2309 4.95058 41.8628 5.10557 41.5528L23.1056 5.55279C23.275 5.214 23.6212 5 24 5ZM24 8.23607L7.61803 41H40.382L24 8.23607Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 42H6L15 24L24 6L33 24L42 42H24Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 5C24.3788 5 24.725 5.214 24.8944 5.55279L42.8944 41.5528C43.0494 41.8628 43.0329 42.2309 42.8507 42.5257C42.6684 42.8205 42.3466 43 42 43H6C5.65342 43 5.33156 42.8205 5.14935 42.5257C4.96714 42.2309 4.95058 41.8628 5.10557 41.5528L23.1056 5.55279C23.275 5.214 23.6212 5 24 5ZM24 8.23607L7.61803 41H40.382L24 8.23607Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 42H6L15 24L24 6L33 24L42 42H24Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 5C24.3788 5 24.725 5.214 24.8944 5.55279L42.8944 41.5528C43.0494 41.8628 43.0329 42.2309 42.8507 42.5257C42.6684 42.8205 42.3466 43 42 43H6C5.65342 43 5.33156 42.8205 5.14935 42.5257C4.96714 42.2309 4.95058 41.8628 5.10557 41.5528L23.1056 5.55279C23.275 5.214 23.6212 5 24 5ZM24 8.23607L7.61803 41H40.382L24 8.23607Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit triangle_large as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements