Triangle_medium Icon SVG
Triangle_medium
Triangle_medium SVG Icon Code | Customize color
You can get svg icon triangle_medium 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 39H9L16.5 24L24 9L31.5 24L39 39H24Z" fill="#333333"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C24.3788 8 24.725 8.214 24.8944 8.55279L39.8944 38.5528C40.0494 38.8628 40.0329 39.2309 39.8507 39.5257C39.6684 39.8205 39.3466 40 39 40H9C8.65342 40 8.33156 39.8205 8.14935 39.5257C7.96714 39.2309 7.95058 38.8628 8.10557 38.5528L23.1056 8.55279C23.275 8.214 23.6212 8 24 8ZM24 11.2361L10.618 38H37.382L24 11.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 39H9L16.5 24L24 9L31.5 24L39 39H24Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C24.3788 8 24.725 8.214 24.8944 8.55279L39.8944 38.5528C40.0494 38.8628 40.0329 39.2309 39.8507 39.5257C39.6684 39.8205 39.3466 40 39 40H9C8.65342 40 8.33156 39.8205 8.14935 39.5257C7.96714 39.2309 7.95058 38.8628 8.10557 38.5528L23.1056 8.55279C23.275 8.214 23.6212 8 24 8ZM24 11.2361L10.618 38H37.382L24 11.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 39H9L16.5 24L24 9L31.5 24L39 39H24Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C24.3788 8 24.725 8.214 24.8944 8.55279L39.8944 38.5528C40.0494 38.8628 40.0329 39.2309 39.8507 39.5257C39.6684 39.8205 39.3466 40 39 40H9C8.65342 40 8.33156 39.8205 8.14935 39.5257C7.96714 39.2309 7.95058 38.8628 8.10557 38.5528L23.1056 8.55279C23.275 8.214 23.6212 8 24 8ZM24 11.2361L10.618 38H37.382L24 11.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 39H9L16.5 24L24 9L31.5 24L39 39H24Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C24.3788 8 24.725 8.214 24.8944 8.55279L39.8944 38.5528C40.0494 38.8628 40.0329 39.2309 39.8507 39.5257C39.6684 39.8205 39.3466 40 39 40H9C8.65342 40 8.33156 39.8205 8.14935 39.5257C7.96714 39.2309 7.95058 38.8628 8.10557 38.5528L23.1056 8.55279C23.275 8.214 23.6212 8 24 8ZM24 11.2361L10.618 38H37.382L24 11.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 39H9L16.5 24L24 9L31.5 24L39 39H24Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 8C24.3788 8 24.725 8.214 24.8944 8.55279L39.8944 38.5528C40.0494 38.8628 40.0329 39.2309 39.8507 39.5257C39.6684 39.8205 39.3466 40 39 40H9C8.65342 40 8.33156 39.8205 8.14935 39.5257C7.96714 39.2309 7.95058 38.8628 8.10557 38.5528L23.1056 8.55279C23.275 8.214 23.6212 8 24 8ZM24 11.2361L10.618 38H37.382L24 11.2361Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit triangle_medium as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements