Triangle Ruler Icon SVG
Triangle Ruler
Triangle ruler SVG Icon Code | Customize color
You can get svg icon triangle ruler in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Triangle ruler
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M44 44L4 4V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="none"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="none"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="none"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="none"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 36H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 30H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 24H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 18H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
Triangle ruler
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M44 44L4 4V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M30 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M24 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M18 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M12 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 36H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 30H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 24H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 18H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg>
Triangle ruler
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M44 44L4 4V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M30 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M24 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M18 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M12 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 36H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 30H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 24H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 18H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg>
Triangle ruler
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M44 44L4 4V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M30 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M24 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M18 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M12 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 36H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 30H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 24H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 18H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg>
Triangle ruler
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M44 44L4 4V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 35H25L13 23V35Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M30 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M24 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M18 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M12 44V41" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 36H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 30H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 24H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 18H7" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg>
Advance Editor
You can edit triangle ruler as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements