Handle Triangle Icon SVG
Handle Triangle
Handle triangle SVG Icon Code | Customize color
You can get svg icon handle triangle in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeHandle triangle
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 31L24 11L36 31H12Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Handle triangle
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M12 31L24 11L36 31H12Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Handle triangle
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M12 31L24 11L36 31H12Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Handle triangle
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M12 31L24 11L36 31H12Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Handle triangle
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M12 31L24 11L36 31H12Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit handle triangle as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements