List Bottom Icon SVG
List Bottom
List bottom SVG Icon Code | Customize color
You can get svg icon list bottom in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeList bottom
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"><path d="M8 42C10.2091 42 12 40.2091 12 38C12 35.7909 10.2091 34 8 34C5.79086 34 4 35.7909 4 38C4 40.2091 5.79086 42 8 42Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M8 26C9.10457 26 10 25.1046 10 24C10 22.8954 9.10457 22 8 22C6.89543 22 6 22.8954 6 24C6 25.1046 6.89543 26 8 26Z" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M20 24H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 38H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 10H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> List bottom
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"><path d="M8 42C10.2091 42 12 40.2091 12 38C12 35.7909 10.2091 34 8 34C5.79086 34 4 35.7909 4 38C4 40.2091 5.79086 42 8 42Z" fill="white" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="white"></path><path d="M8 26C9.10457 26 10 25.1046 10 24C10 22.8954 9.10457 22 8 22C6.89543 22 6 22.8954 6 24C6 25.1046 6.89543 26 8 26Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="white"></path><path d="M20 24H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M20 38H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M20 10H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> List bottom
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"><path d="M8 42C10.2091 42 12 40.2091 12 38C12 35.7909 10.2091 34 8 34C5.79086 34 4 35.7909 4 38C4 40.2091 5.79086 42 8 42Z" fill="red" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="red"></path><path d="M8 26C9.10457 26 10 25.1046 10 24C10 22.8954 9.10457 22 8 22C6.89543 22 6 22.8954 6 24C6 25.1046 6.89543 26 8 26Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="red"></path><path d="M20 24H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M20 38H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M20 10H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> List bottom
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"><path d="M8 42C10.2091 42 12 40.2091 12 38C12 35.7909 10.2091 34 8 34C5.79086 34 4 35.7909 4 38C4 40.2091 5.79086 42 8 42Z" fill="blue" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="blue"></path><path d="M8 26C9.10457 26 10 25.1046 10 24C10 22.8954 9.10457 22 8 22C6.89543 22 6 22.8954 6 24C6 25.1046 6.89543 26 8 26Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="blue"></path><path d="M20 24H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M20 38H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M20 10H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> List bottom
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"><path d="M8 42C10.2091 42 12 40.2091 12 38C12 35.7909 10.2091 34 8 34C5.79086 34 4 35.7909 4 38C4 40.2091 5.79086 42 8 42Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="#f3da35"></path><path d="M8 26C9.10457 26 10 25.1046 10 24C10 22.8954 9.10457 22 8 22C6.89543 22 6 22.8954 6 24C6 25.1046 6.89543 26 8 26Z" stroke="#333" stroke-width="1" stroke-linejoin="round" fill="#f3da35"></path><path d="M20 24H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M20 38H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M20 10H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit list bottom as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements