2 Years of Cal ID Pro — FREE (#1 Free Calendly Alternative)
Team features worth $1440 free12
Days :
23
Hrs :
41
Mins :
06
Secs Trusted By 
42,000+ teams switched.
+42k
Integrations
100% OFF
Teams
$0
$1,440 Value
- Remove "Powered By" Branding
- Unlimited Everything
- Accept Payments
No credit card required
Connection Arrow Icon SVG
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
Advertisements