Triangle Stroked Icon SVG
Triangle Stroked
Triangle stroked SVG Icon Code | Customize color
You can get svg icon triangle stroked in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<?xml version="1.0" encoding="UTF-8"?> <svg version="1.1" id="triangle-stroked" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path id="rect3338" d="M7.5243,1.5004
	C7.2429,1.4913,6.9787,1.6423,6.8336,1.8952l-5.5,9.8692C1.0218,12.3078,1.395,12.9999,2,13h11
	c0.605-0.0001,0.9782-0.6922,0.6664-1.2355l-5.5-9.8692C8.0302,1.6579,7.7884,1.5092,7.5243,1.5004z M7.5,3.8993l4.1267,7.4704
	H3.3733L7.5,3.8993z"/> </svg> Svg Code
<!--?xml version="1.0" encoding="UTF-8"?--> <svg style="color: white" version="1.1" id="triangle-stroked" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path id="rect3338" d="M7.5243,1.5004
C7.2429,1.4913,6.9787,1.6423,6.8336,1.8952l-5.5,9.8692C1.0218,12.3078,1.395,12.9999,2,13h11
c0.605-0.0001,0.9782-0.6922,0.6664-1.2355l-5.5-9.8692C8.0302,1.6579,7.7884,1.5092,7.5243,1.5004z M7.5,3.8993l4.1267,7.4704
H3.3733L7.5,3.8993z" fill="white"></path> </svg> Svg Code
<!--?xml version="1.0" encoding="UTF-8"?--> <svg style="color: red" version="1.1" id="triangle-stroked" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path id="rect3338" d="M7.5243,1.5004
C7.2429,1.4913,6.9787,1.6423,6.8336,1.8952l-5.5,9.8692C1.0218,12.3078,1.395,12.9999,2,13h11
c0.605-0.0001,0.9782-0.6922,0.6664-1.2355l-5.5-9.8692C8.0302,1.6579,7.7884,1.5092,7.5243,1.5004z M7.5,3.8993l4.1267,7.4704
H3.3733L7.5,3.8993z" fill="red"></path> </svg> Svg Code
<!--?xml version="1.0" encoding="UTF-8"?--> <svg style="color: blue" version="1.1" id="triangle-stroked" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path id="rect3338" d="M7.5243,1.5004
C7.2429,1.4913,6.9787,1.6423,6.8336,1.8952l-5.5,9.8692C1.0218,12.3078,1.395,12.9999,2,13h11
c0.605-0.0001,0.9782-0.6922,0.6664-1.2355l-5.5-9.8692C8.0302,1.6579,7.7884,1.5092,7.5243,1.5004z M7.5,3.8993l4.1267,7.4704
H3.3733L7.5,3.8993z" fill="blue"></path> </svg> Svg Code
<!--?xml version="1.0" encoding="UTF-8"?--> <svg style="color: #f3da35" version="1.1" id="triangle-stroked" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path id="rect3338" d="M7.5243,1.5004
C7.2429,1.4913,6.9787,1.6423,6.8336,1.8952l-5.5,9.8692C1.0218,12.3078,1.395,12.9999,2,13h11
c0.605-0.0001,0.9782-0.6922,0.6664-1.2355l-5.5-9.8692C8.0302,1.6579,7.7884,1.5092,7.5243,1.5004z M7.5,3.8993l4.1267,7.4704
H3.3733L7.5,3.8993z" fill="#f3da35"></path> </svg> Advance Editor
You can edit triangle stroked as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements