Arrows Sort Icon SVG

Arrows Sort SVG Icons refers to an arrow pointing up usually means bigger or larger, so it should be used in ascending order. An arrow pointing down usually means something smaller or smaller is going on and should be used for descending order.

Arrows sort SVG Icon Code | Customize color

You can get svg icon arrows sort in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Arrows sort

Download

Svg Code

<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M3 9l4 -4l4 4m-4 -4v14" /> <path d="M21 15l-4 4l-4 -4m4 4v-14" /> </svg>

Arrows sort

Download

Svg Code

<svg style="color: white" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="white"></path> <path d="M3 9l4 -4l4 4m-4 -4v14" fill="white"></path> <path d="M21 15l-4 4l-4 -4m4 4v-14" fill="white"></path> </svg>

Arrows sort

Download

Svg Code

<svg style="color: red" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="red"></path> <path d="M3 9l4 -4l4 4m-4 -4v14" fill="red"></path> <path d="M21 15l-4 4l-4 -4m4 4v-14" fill="red"></path> </svg>

Arrows sort

Download

Svg Code

<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="blue"></path> <path d="M3 9l4 -4l4 4m-4 -4v14" fill="blue"></path> <path d="M21 15l-4 4l-4 -4m4 4v-14" fill="blue"></path> </svg>

Arrows sort

Download

Svg Code

<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="#f3da35"></path> <path d="M3 9l4 -4l4 4m-4 -4v14" fill="#f3da35"></path> <path d="M21 15l-4 4l-4 -4m4 4v-14" fill="#f3da35"></path> </svg>


Advance Editor

You can edit arrows sort as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content



Tags

array,character,description,kind,lot,nature,number,quality,set,style,batch,battery,body,brand,breed,category,class,clutch,denomination,family,genus,cursor,dart ,missile ,projectile ,indicator



Advertisements





Advertisements

You may like these icons


Looking For More Icons?