Triangle_small Icon SVG
Triangle_small
Triangle_small SVG Icon Code | Customize color
You can get svg icon triangle_small 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 36H12L18 24L24 12L30 24L36 36H24Z" fill="#333333"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 11C24.3788 11 24.725 11.214 24.8944 11.5528L36.8944 35.5528C37.0494 35.8628 37.0329 36.2309 36.8507 36.5257C36.6684 36.8205 36.3466 37 36 37H12C11.6534 37 11.3316 36.8205 11.1494 36.5257C10.9671 36.2309 10.9506 35.8628 11.1056 35.5528L23.1056 11.5528C23.275 11.214 23.6212 11 24 11ZM24 14.2361L13.618 35H34.382L24 14.2361Z" 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 36H12L18 24L24 12L30 24L36 36H24Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 11C24.3788 11 24.725 11.214 24.8944 11.5528L36.8944 35.5528C37.0494 35.8628 37.0329 36.2309 36.8507 36.5257C36.6684 36.8205 36.3466 37 36 37H12C11.6534 37 11.3316 36.8205 11.1494 36.5257C10.9671 36.2309 10.9506 35.8628 11.1056 35.5528L23.1056 11.5528C23.275 11.214 23.6212 11 24 11ZM24 14.2361L13.618 35H34.382L24 14.2361Z" 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 36H12L18 24L24 12L30 24L36 36H24Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 11C24.3788 11 24.725 11.214 24.8944 11.5528L36.8944 35.5528C37.0494 35.8628 37.0329 36.2309 36.8507 36.5257C36.6684 36.8205 36.3466 37 36 37H12C11.6534 37 11.3316 36.8205 11.1494 36.5257C10.9671 36.2309 10.9506 35.8628 11.1056 35.5528L23.1056 11.5528C23.275 11.214 23.6212 11 24 11ZM24 14.2361L13.618 35H34.382L24 14.2361Z" 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 36H12L18 24L24 12L30 24L36 36H24Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 11C24.3788 11 24.725 11.214 24.8944 11.5528L36.8944 35.5528C37.0494 35.8628 37.0329 36.2309 36.8507 36.5257C36.6684 36.8205 36.3466 37 36 37H12C11.6534 37 11.3316 36.8205 11.1494 36.5257C10.9671 36.2309 10.9506 35.8628 11.1056 35.5528L23.1056 11.5528C23.275 11.214 23.6212 11 24 11ZM24 14.2361L13.618 35H34.382L24 14.2361Z" 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 36H12L18 24L24 12L30 24L36 36H24Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 11C24.3788 11 24.725 11.214 24.8944 11.5528L36.8944 35.5528C37.0494 35.8628 37.0329 36.2309 36.8507 36.5257C36.6684 36.8205 36.3466 37 36 37H12C11.6534 37 11.3316 36.8205 11.1494 36.5257C10.9671 36.2309 10.9506 35.8628 11.1056 35.5528L23.1056 11.5528C23.275 11.214 23.6212 11 24 11ZM24 14.2361L13.618 35H34.382L24 14.2361Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit triangle_small as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements