Sort Alphabetically Icon SVG
Sort Alphabetically
Sort alphabetically SVG Icon Code | Customize color
You can get svg icon sort alphabetically 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="M3.00001 13.2929V0H4.00001V13.2929L6.14645 11.1464L6.85356 11.8536L3.85356 14.8536C3.75979 14.9473 3.63262 15 3.50001 15C3.3674 15 3.24022 14.9473 3.14645 14.8536L0.146454 11.8536L0.853561 11.1464L3.00001 13.2929ZM11.5 1C10.6716 1 10 1.67157 10 2.5V4H13V2.5C13 1.67157 12.3284 1 11.5 1ZM13 5V7H14V2.5C14 1.11929 12.8807 0 11.5 0C10.1193 0 9.00001 1.11929 9.00001 2.5V7H10V5H13ZM9.00001 8H12C13.1046 8 14 8.89543 14 10C14 10.5973 13.7381 11.1335 13.3229 11.5C13.7381 11.8665 14 12.4027 14 13C14 14.1046 13.1046 15 12 15H9.00001V8ZM12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9H10V11H12ZM10 12H12C12.5523 12 13 12.4477 13 13C13 13.5523 12.5523 14 12 14H10V12Z" 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="M3.00001 13.2929V0H4.00001V13.2929L6.14645 11.1464L6.85356 11.8536L3.85356 14.8536C3.75979 14.9473 3.63262 15 3.50001 15C3.3674 15 3.24022 14.9473 3.14645 14.8536L0.146454 11.8536L0.853561 11.1464L3.00001 13.2929ZM11.5 1C10.6716 1 10 1.67157 10 2.5V4H13V2.5C13 1.67157 12.3284 1 11.5 1ZM13 5V7H14V2.5C14 1.11929 12.8807 0 11.5 0C10.1193 0 9.00001 1.11929 9.00001 2.5V7H10V5H13ZM9.00001 8H12C13.1046 8 14 8.89543 14 10C14 10.5973 13.7381 11.1335 13.3229 11.5C13.7381 11.8665 14 12.4027 14 13C14 14.1046 13.1046 15 12 15H9.00001V8ZM12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9H10V11H12ZM10 12H12C12.5523 12 13 12.4477 13 13C13 13.5523 12.5523 14 12 14H10V12Z" 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="M3.00001 13.2929V0H4.00001V13.2929L6.14645 11.1464L6.85356 11.8536L3.85356 14.8536C3.75979 14.9473 3.63262 15 3.50001 15C3.3674 15 3.24022 14.9473 3.14645 14.8536L0.146454 11.8536L0.853561 11.1464L3.00001 13.2929ZM11.5 1C10.6716 1 10 1.67157 10 2.5V4H13V2.5C13 1.67157 12.3284 1 11.5 1ZM13 5V7H14V2.5C14 1.11929 12.8807 0 11.5 0C10.1193 0 9.00001 1.11929 9.00001 2.5V7H10V5H13ZM9.00001 8H12C13.1046 8 14 8.89543 14 10C14 10.5973 13.7381 11.1335 13.3229 11.5C13.7381 11.8665 14 12.4027 14 13C14 14.1046 13.1046 15 12 15H9.00001V8ZM12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9H10V11H12ZM10 12H12C12.5523 12 13 12.4477 13 13C13 13.5523 12.5523 14 12 14H10V12Z" 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="M3.00001 13.2929V0H4.00001V13.2929L6.14645 11.1464L6.85356 11.8536L3.85356 14.8536C3.75979 14.9473 3.63262 15 3.50001 15C3.3674 15 3.24022 14.9473 3.14645 14.8536L0.146454 11.8536L0.853561 11.1464L3.00001 13.2929ZM11.5 1C10.6716 1 10 1.67157 10 2.5V4H13V2.5C13 1.67157 12.3284 1 11.5 1ZM13 5V7H14V2.5C14 1.11929 12.8807 0 11.5 0C10.1193 0 9.00001 1.11929 9.00001 2.5V7H10V5H13ZM9.00001 8H12C13.1046 8 14 8.89543 14 10C14 10.5973 13.7381 11.1335 13.3229 11.5C13.7381 11.8665 14 12.4027 14 13C14 14.1046 13.1046 15 12 15H9.00001V8ZM12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9H10V11H12ZM10 12H12C12.5523 12 13 12.4477 13 13C13 13.5523 12.5523 14 12 14H10V12Z" 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="M3.00001 13.2929V0H4.00001V13.2929L6.14645 11.1464L6.85356 11.8536L3.85356 14.8536C3.75979 14.9473 3.63262 15 3.50001 15C3.3674 15 3.24022 14.9473 3.14645 14.8536L0.146454 11.8536L0.853561 11.1464L3.00001 13.2929ZM11.5 1C10.6716 1 10 1.67157 10 2.5V4H13V2.5C13 1.67157 12.3284 1 11.5 1ZM13 5V7H14V2.5C14 1.11929 12.8807 0 11.5 0C10.1193 0 9.00001 1.11929 9.00001 2.5V7H10V5H13ZM9.00001 8H12C13.1046 8 14 8.89543 14 10C14 10.5973 13.7381 11.1335 13.3229 11.5C13.7381 11.8665 14 12.4027 14 13C14 14.1046 13.1046 15 12 15H9.00001V8ZM12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9H10V11H12ZM10 12H12C12.5523 12 13 12.4477 13 13C13 13.5523 12.5523 14 12 14H10V12Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit sort alphabetically as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements