Ranking List Icon SVG
Ranking List
Ranking list SVG Icon Code | Customize color
You can get svg icon ranking list in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeRanking list
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="M42 8H6C4.89543 8 4 8.89543 4 10V38C4 39.1046 4.89543 40 6 40H42C43.1046 40 44 39.1046 44 38V10C44 8.89543 43.1046 8 42 8Z" fill="none" stroke="#333" stroke-width="1"/><path d="M24 17V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M32 24V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M16 22V31" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Ranking list
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"/><path d="M42 8H6C4.89543 8 4 8.89543 4 10V38C4 39.1046 4.89543 40 6 40H42C43.1046 40 44 39.1046 44 38V10C44 8.89543 43.1046 8 42 8Z" fill="none" stroke="#333" stroke-width="1"/><path d="M24 17V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M32 24V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M16 22V31" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Ranking list
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"/><path d="M42 8H6C4.89543 8 4 8.89543 4 10V38C4 39.1046 4.89543 40 6 40H42C43.1046 40 44 39.1046 44 38V10C44 8.89543 43.1046 8 42 8Z" fill="none" stroke="#333" stroke-width="1"/><path d="M24 17V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M32 24V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M16 22V31" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Ranking list
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"/><path d="M42 8H6C4.89543 8 4 8.89543 4 10V38C4 39.1046 4.89543 40 6 40H42C43.1046 40 44 39.1046 44 38V10C44 8.89543 43.1046 8 42 8Z" fill="none" stroke="#333" stroke-width="1"/><path d="M24 17V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M32 24V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M16 22V31" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Ranking list
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"/><path d="M42 8H6C4.89543 8 4 8.89543 4 10V38C4 39.1046 4.89543 40 6 40H42C43.1046 40 44 39.1046 44 38V10C44 8.89543 43.1046 8 42 8Z" fill="none" stroke="#333" stroke-width="1"/><path d="M24 17V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M32 24V31" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M16 22V31" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Advance Editor
You can edit ranking list as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements