Sort Low To High Icon SVG
Sort Low To High
Sort low to high SVG Icon Code | Customize color
You can get svg icon sort low to high in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.14645 0.146447C4.34172 -0.0488155 4.6583 -0.0488155 4.85356 0.146447L7.85356 3.14645L7.14645 3.85355L5.00001 1.70711V15H4.00001V1.70711L1.85356 3.85355L1.14645 3.14645L4.14645 0.146447ZM11 1H10V7.45058e-09H11.5C11.7761 7.45058e-09 12 0.223858 12 0.5V6H13V7H10V6H11V1ZM9.00001 10C9.00001 8.89543 9.89544 8 11 8H11.578C12.8648 8 13.7735 9.26071 13.3666 10.4815L11.9743 14.6581L11.0257 14.3419L11.8063 12H11C9.89544 12 9.00001 11.1046 9.00001 10ZM12.1396 11L12.4179 10.1653C12.609 9.59201 12.1823 9 11.578 9H11C10.4477 9 10 9.44772 10 10C10 10.5523 10.4477 11 11 11H12.1396Z" fill="black"/> </svg>
Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.14645 0.146447C4.34172 -0.0488155 4.6583 -0.0488155 4.85356 0.146447L7.85356 3.14645L7.14645 3.85355L5.00001 1.70711V15H4.00001V1.70711L1.85356 3.85355L1.14645 3.14645L4.14645 0.146447ZM11 1H10V7.45058e-09H11.5C11.7761 7.45058e-09 12 0.223858 12 0.5V6H13V7H10V6H11V1ZM9.00001 10C9.00001 8.89543 9.89544 8 11 8H11.578C12.8648 8 13.7735 9.26071 13.3666 10.4815L11.9743 14.6581L11.0257 14.3419L11.8063 12H11C9.89544 12 9.00001 11.1046 9.00001 10ZM12.1396 11L12.4179 10.1653C12.609 9.59201 12.1823 9 11.578 9H11C10.4477 9 10 9.44772 10 10C10 10.5523 10.4477 11 11 11H12.1396Z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.14645 0.146447C4.34172 -0.0488155 4.6583 -0.0488155 4.85356 0.146447L7.85356 3.14645L7.14645 3.85355L5.00001 1.70711V15H4.00001V1.70711L1.85356 3.85355L1.14645 3.14645L4.14645 0.146447ZM11 1H10V7.45058e-09H11.5C11.7761 7.45058e-09 12 0.223858 12 0.5V6H13V7H10V6H11V1ZM9.00001 10C9.00001 8.89543 9.89544 8 11 8H11.578C12.8648 8 13.7735 9.26071 13.3666 10.4815L11.9743 14.6581L11.0257 14.3419L11.8063 12H11C9.89544 12 9.00001 11.1046 9.00001 10ZM12.1396 11L12.4179 10.1653C12.609 9.59201 12.1823 9 11.578 9H11C10.4477 9 10 9.44772 10 10C10 10.5523 10.4477 11 11 11H12.1396Z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.14645 0.146447C4.34172 -0.0488155 4.6583 -0.0488155 4.85356 0.146447L7.85356 3.14645L7.14645 3.85355L5.00001 1.70711V15H4.00001V1.70711L1.85356 3.85355L1.14645 3.14645L4.14645 0.146447ZM11 1H10V7.45058e-09H11.5C11.7761 7.45058e-09 12 0.223858 12 0.5V6H13V7H10V6H11V1ZM9.00001 10C9.00001 8.89543 9.89544 8 11 8H11.578C12.8648 8 13.7735 9.26071 13.3666 10.4815L11.9743 14.6581L11.0257 14.3419L11.8063 12H11C9.89544 12 9.00001 11.1046 9.00001 10ZM12.1396 11L12.4179 10.1653C12.609 9.59201 12.1823 9 11.578 9H11C10.4477 9 10 9.44772 10 10C10 10.5523 10.4477 11 11 11H12.1396Z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.14645 0.146447C4.34172 -0.0488155 4.6583 -0.0488155 4.85356 0.146447L7.85356 3.14645L7.14645 3.85355L5.00001 1.70711V15H4.00001V1.70711L1.85356 3.85355L1.14645 3.14645L4.14645 0.146447ZM11 1H10V7.45058e-09H11.5C11.7761 7.45058e-09 12 0.223858 12 0.5V6H13V7H10V6H11V1ZM9.00001 10C9.00001 8.89543 9.89544 8 11 8H11.578C12.8648 8 13.7735 9.26071 13.3666 10.4815L11.9743 14.6581L11.0257 14.3419L11.8063 12H11C9.89544 12 9.00001 11.1046 9.00001 10ZM12.1396 11L12.4179 10.1653C12.609 9.59201 12.1823 9 11.578 9H11C10.4477 9 10 9.44772 10 10C10 10.5523 10.4477 11 11 11H12.1396Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit sort low to high as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements