Connection Arrow Icon SVG
Icon Connection arrow 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.
Connection arrow Icon Svg Code | Path | Download
Download free Connection Arrow SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Connection Arrow Icon SVG code in HTML/Css from below.
Connection Arrow
Connection arrow SVG Icon Code | Customize color
You can get svg icon connection arrow in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeConnection arrow
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><rect width="48" height="48" fill="white" fill-opacity="0.01" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="none" fill-rule="evenodd"/><g transform="translate(4.000000, 3.953742)"><g transform="translate(0.000000, 4.046258)"><path d="M36.9898007,0.0264752559 L8.18181818,0.0264752559 C5.45454545,0.0264752559 0,1.550592 0,7.96725867 C0,14.3839253 5.45454545,16 8.18181818,16 L31.9938556,16 C34.7211284,16 40,17.5679494 40,23.9846161 C40,30.4012828 34.7211284,32.0029211 31.9938556,32.0029211 L2.06499237,32.0029211" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/><polyline points="4.04568993 27.99261 0.0673983189 32.0591365 4.04568993 36" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g><polyline transform="translate(36.032050, 4.003695) scale(-1, 1) translate(-36.032050, -4.003695) " points="38.0211961 5.32907052e-15 34.0429045 4.06652653 38.0211961 8.00739003" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g></g></svg> Connection arrow
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: white' width="45" height="45" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><rect width="48" height="48" fill="white" fill-opacity="0.01" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="none" fill-rule="evenodd"/><g transform="translate(4.000000, 3.953742)"><g transform="translate(0.000000, 4.046258)"><path d="M36.9898007,0.0264752559 L8.18181818,0.0264752559 C5.45454545,0.0264752559 0,1.550592 0,7.96725867 C0,14.3839253 5.45454545,16 8.18181818,16 L31.9938556,16 C34.7211284,16 40,17.5679494 40,23.9846161 C40,30.4012828 34.7211284,32.0029211 31.9938556,32.0029211 L2.06499237,32.0029211" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/><polyline points="4.04568993 27.99261 0.0673983189 32.0591365 4.04568993 36" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g><polyline transform="translate(36.032050, 4.003695) scale(-1, 1) translate(-36.032050, -4.003695) " points="38.0211961 5.32907052e-15 34.0429045 4.06652653 38.0211961 8.00739003" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g></g></svg> Connection arrow
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: red' width="45" height="45" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><rect width="48" height="48" fill="white" fill-opacity="0.01" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="none" fill-rule="evenodd"/><g transform="translate(4.000000, 3.953742)"><g transform="translate(0.000000, 4.046258)"><path d="M36.9898007,0.0264752559 L8.18181818,0.0264752559 C5.45454545,0.0264752559 0,1.550592 0,7.96725867 C0,14.3839253 5.45454545,16 8.18181818,16 L31.9938556,16 C34.7211284,16 40,17.5679494 40,23.9846161 C40,30.4012828 34.7211284,32.0029211 31.9938556,32.0029211 L2.06499237,32.0029211" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/><polyline points="4.04568993 27.99261 0.0673983189 32.0591365 4.04568993 36" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g><polyline transform="translate(36.032050, 4.003695) scale(-1, 1) translate(-36.032050, -4.003695) " points="38.0211961 5.32907052e-15 34.0429045 4.06652653 38.0211961 8.00739003" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g></g></svg> Connection arrow
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: blue' width="45" height="45" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><rect width="48" height="48" fill="white" fill-opacity="0.01" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="none" fill-rule="evenodd"/><g transform="translate(4.000000, 3.953742)"><g transform="translate(0.000000, 4.046258)"><path d="M36.9898007,0.0264752559 L8.18181818,0.0264752559 C5.45454545,0.0264752559 0,1.550592 0,7.96725867 C0,14.3839253 5.45454545,16 8.18181818,16 L31.9938556,16 C34.7211284,16 40,17.5679494 40,23.9846161 C40,30.4012828 34.7211284,32.0029211 31.9938556,32.0029211 L2.06499237,32.0029211" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/><polyline points="4.04568993 27.99261 0.0673983189 32.0591365 4.04568993 36" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g><polyline transform="translate(36.032050, 4.003695) scale(-1, 1) translate(-36.032050, -4.003695) " points="38.0211961 5.32907052e-15 34.0429045 4.06652653 38.0211961 8.00739003" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g></g></svg> Connection arrow
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: #f3da35' width="45" height="45" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><rect width="48" height="48" fill="white" fill-opacity="0.01" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="none" fill-rule="evenodd"/><g transform="translate(4.000000, 3.953742)"><g transform="translate(0.000000, 4.046258)"><path d="M36.9898007,0.0264752559 L8.18181818,0.0264752559 C5.45454545,0.0264752559 0,1.550592 0,7.96725867 C0,14.3839253 5.45454545,16 8.18181818,16 L31.9938556,16 C34.7211284,16 40,17.5679494 40,23.9846161 C40,30.4012828 34.7211284,32.0029211 31.9938556,32.0029211 L2.06499237,32.0029211" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/><polyline points="4.04568993 27.99261 0.0673983189 32.0591365 4.04568993 36" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g><polyline transform="translate(36.032050, 4.003695) scale(-1, 1) translate(-36.032050, -4.003695) " points="38.0211961 5.32907052e-15 34.0429045 4.06652653 38.0211961 8.00739003" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="#333" fill="none" fill-rule="evenodd"/></g></g></svg> Advance Editor
You can edit connection arrow as below. Change size color and background color of icon using below tool.
Advertisements
Connection Arrow Icon SVG - Faq(s)?
⭐Can I get Free Connection Arrow Icon SVG?Yes, you can get free Connection Arrow SVG icons.
⭐ How to download free Connection Arrow Icon SVG code?To download free Connection Arrow icons in SVG code click on the copy code button.
⭐How to find the Connection Arrow Icon SVG path file?You can get the Connection Arrow SVG file path from the above section.
⭐ What are the colors available for SVG Connection Arrow Icon?You can check the Connection Arrow SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements