Four Arrows Icon SVG

Icon Four arrows SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

Four arrows Icon Svg Code | Path | Download

Download free Four Arrows SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Four Arrows Icon SVG code in HTML/Css from below.

Four Arrows


Four arrows SVG Icon Code | Customize color

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

Four arrows

Download

Svg 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="M24 8V24M24 24L29 19M24 24L19 19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 40V24M24 24L29 29M24 24L19 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="20" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8" cy="28" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 24H40" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="40" cy="20" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="28" cy="40" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Four arrows

Download

Svg 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="M24 8V24M24 24L29 19M24 24L19 19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 40V24M24 24L29 29M24 24L19 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="20" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8" cy="28" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 24H40" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="40" cy="20" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="28" cy="40" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Four arrows

Download

Svg 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="M24 8V24M24 24L29 19M24 24L19 19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 40V24M24 24L29 29M24 24L19 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="20" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8" cy="28" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 24H40" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="40" cy="20" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="28" cy="40" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Four arrows

Download

Svg 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="M24 8V24M24 24L29 19M24 24L19 19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 40V24M24 24L29 29M24 24L19 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="20" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8" cy="28" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 24H40" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="40" cy="20" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="28" cy="40" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Four arrows

Download

Svg 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="M24 8V24M24 24L29 19M24 24L19 19" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 40V24M24 24L29 29M24 24L19 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="20" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8" cy="28" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 24H40" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="40" cy="20" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="28" cy="40" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>


Advance Editor

You can edit four arrows 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





Advertisements



Four Arrows Icon SVG - Faq(s)?

⭐Can I get Free Four Arrows Icon SVG?

Yes, you can get free Four Arrows SVG icons.

⭐ How to download free Four Arrows Icon SVG code?

To download free Four Arrows icons in SVG code click on the copy code button.

⭐How to find the Four Arrows Icon SVG path file?

You can get the Four Arrows SVG file path from the above section.

⭐ What are the colors available for SVG Four Arrows Icon?

You can check the Four Arrows SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.



Advertisements

You may like these icons


Looking For More Icons?