Arrows Random Icon SVG
Arrows Random
Arrows random SVG Icon Code | Customize color
You can get svg icon arrows random in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-random" 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="M20 21.004h-4v-4" /> <path d="M16 21.004l5 -5" /> <path d="M6.5 9.504l-3.5 -2l2 -3.504" /> <path d="M3 7.504l6.83 -1.87" /> <path d="M4 16.004l4 -1l1 4" /> <path d="M8 15.004l-3.5 6" /> <path d="M21 5.004l-.5 4l-4 -.5" /> <path d="M20.5 9.004l-4.5 -5.5" /> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-random" 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="M20 21.004h-4v-4" fill="white"></path> <path d="M16 21.004l5 -5" fill="white"></path> <path d="M6.5 9.504l-3.5 -2l2 -3.504" fill="white"></path> <path d="M3 7.504l6.83 -1.87" fill="white"></path> <path d="M4 16.004l4 -1l1 4" fill="white"></path> <path d="M8 15.004l-3.5 6" fill="white"></path> <path d="M21 5.004l-.5 4l-4 -.5" fill="white"></path> <path d="M20.5 9.004l-4.5 -5.5" fill="white"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-random" 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="M20 21.004h-4v-4" fill="red"></path> <path d="M16 21.004l5 -5" fill="red"></path> <path d="M6.5 9.504l-3.5 -2l2 -3.504" fill="red"></path> <path d="M3 7.504l6.83 -1.87" fill="red"></path> <path d="M4 16.004l4 -1l1 4" fill="red"></path> <path d="M8 15.004l-3.5 6" fill="red"></path> <path d="M21 5.004l-.5 4l-4 -.5" fill="red"></path> <path d="M20.5 9.004l-4.5 -5.5" fill="red"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-random" 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="M20 21.004h-4v-4" fill="blue"></path> <path d="M16 21.004l5 -5" fill="blue"></path> <path d="M6.5 9.504l-3.5 -2l2 -3.504" fill="blue"></path> <path d="M3 7.504l6.83 -1.87" fill="blue"></path> <path d="M4 16.004l4 -1l1 4" fill="blue"></path> <path d="M8 15.004l-3.5 6" fill="blue"></path> <path d="M21 5.004l-.5 4l-4 -.5" fill="blue"></path> <path d="M20.5 9.004l-4.5 -5.5" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-random" 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="M20 21.004h-4v-4" fill="#f3da35"></path> <path d="M16 21.004l5 -5" fill="#f3da35"></path> <path d="M6.5 9.504l-3.5 -2l2 -3.504" fill="#f3da35"></path> <path d="M3 7.504l6.83 -1.87" fill="#f3da35"></path> <path d="M4 16.004l4 -1l1 4" fill="#f3da35"></path> <path d="M8 15.004l-3.5 6" fill="#f3da35"></path> <path d="M21 5.004l-.5 4l-4 -.5" fill="#f3da35"></path> <path d="M20.5 9.004l-4.5 -5.5" fill="#f3da35"></path> </svg> Advance Editor
You can edit arrows random as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements