Split Branch Icon SVG
Split Branch
Split branch SVG Icon Code | Customize color
You can get svg icon split branch in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSplit branch
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 44V4H24V17L33 26V44H44Z" fill="none"/><path d="M4 4V44H25V30L16 21V4H4Z" fill="none"/><path d="M44 44V4H24V17L33 26V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 4V44H25V30L16 21V4H4Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Split branch
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 44V4H24V17L33 26V44H44Z" fill="white"></path><path d="M4 4V44H25V30L16 21V4H4Z" fill="white"></path><path d="M44 44V4H24V17L33 26V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 4V44H25V30L16 21V4H4Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Split branch
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 44V4H24V17L33 26V44H44Z" fill="red"></path><path d="M4 4V44H25V30L16 21V4H4Z" fill="red"></path><path d="M44 44V4H24V17L33 26V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 4V44H25V30L16 21V4H4Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Split branch
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 44V4H24V17L33 26V44H44Z" fill="blue"></path><path d="M4 4V44H25V30L16 21V4H4Z" fill="blue"></path><path d="M44 44V4H24V17L33 26V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 4V44H25V30L16 21V4H4Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Split branch
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 44V4H24V17L33 26V44H44Z" fill="#f3da35"></path><path d="M4 4V44H25V30L16 21V4H4Z" fill="#f3da35"></path><path d="M44 44V4H24V17L33 26V44H44Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 4V44H25V30L16 21V4H4Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit split branch as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements