Triangle Outline Icon SVG
Triangle Outline
Triangle outline SVG Icon Code | Customize color You can get svg icon triangle outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Triangle outline ionicons-v5-q
Svg Code <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" ><title>ionicons-v5-q</title><polygon points="48 448 256 64 464 448 48 448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px" /></svg>
Triangle outline ionicons-v5-q
Svg Code <svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" ><title>ionicons-v5-q</title><polygon points="48 448 256 64 464 448 48 448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px" ></polygon></svg>
Triangle outline ionicons-v5-q
Svg Code <svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" ><title>ionicons-v5-q</title><polygon points="48 448 256 64 464 448 48 448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px" ></polygon></svg>
Triangle outline ionicons-v5-q
Svg Code <svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" ><title>ionicons-v5-q</title><polygon points="48 448 256 64 464 448 48 448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px" ></polygon></svg>
Triangle outline ionicons-v5-q
Svg Code <svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" ><title>ionicons-v5-q</title><polygon points="48 448 256 64 464 448 48 448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px" ></polygon></svg>
Advance Editor You can edit triangle outline as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize