Data Transfer Down Icon SVG
Data Transfer Down
Data transfer down SVG Icon Code | Customize color
You can get svg icon data transfer down in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 20L17 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 15L17 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 4V20M7 20L4 17M7 20L10 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 10V4M17 4L14 7M17 4L20 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style="color: white" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 20L17 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M17 15L17 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M7 4V20M7 20L4 17M7 20L10 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M17 10V4M17 4L14 7M17 4L20 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 20L17 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M17 15L17 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M7 4V20M7 20L4 17M7 20L10 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M17 10V4M17 4L14 7M17 4L20 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 20L17 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M17 15L17 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M7 4V20M7 20L4 17M7 20L10 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M17 10V4M17 4L14 7M17 4L20 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 20L17 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M17 15L17 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M7 4V20M7 20L4 17M7 20L10 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M17 10V4M17 4L14 7M17 4L20 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit data transfer down as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements