Linkpath Icon SVG
Linkpath
Linkpath SVG Icon Code | Customize color
You can get svg icon linkpath in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.396 22C10.0737 21.9998 9.75718 21.915 9.47802 21.754L4.95802 19.144C4.39157 18.8155 4.04235 18.2107 4.04102 17.556V12.336C4.042 11.6808 4.39126 11.0756 4.95802 10.747L6.33102 9.95395V11.664C6.33256 12.6467 6.85669 13.5544 7.70702 14.047L12.228 16.657C13.0793 17.1492 14.1287 17.1492 14.98 16.657L16.752 15.635V17.556C16.751 18.2111 16.4018 18.8163 15.835 19.145L11.314 21.755C11.0348 21.9156 10.7182 22.0001 10.396 22ZM13.603 16.109C13.2811 16.109 12.9648 16.024 12.686 15.863L8.16502 13.253C7.59787 12.9246 7.2482 12.3193 7.24702 11.664V6.44395C7.248 5.78855 7.59772 5.18319 8.16502 4.85495L12.686 2.24595C13.2535 1.91834 13.9526 1.91834 14.52 2.24595L19.041 4.85595C19.6079 5.18445 19.9572 5.78975 19.958 6.44495V11.665C19.9572 12.3202 19.6079 12.9255 19.041 13.254L14.52 15.864C14.2411 16.0245 13.9249 16.109 13.603 16.109Z" fill="black"/> </svg>
Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.396 22C10.0737 21.9998 9.75718 21.915 9.47802 21.754L4.95802 19.144C4.39157 18.8155 4.04235 18.2107 4.04102 17.556V12.336C4.042 11.6808 4.39126 11.0756 4.95802 10.747L6.33102 9.95395V11.664C6.33256 12.6467 6.85669 13.5544 7.70702 14.047L12.228 16.657C13.0793 17.1492 14.1287 17.1492 14.98 16.657L16.752 15.635V17.556C16.751 18.2111 16.4018 18.8163 15.835 19.145L11.314 21.755C11.0348 21.9156 10.7182 22.0001 10.396 22ZM13.603 16.109C13.2811 16.109 12.9648 16.024 12.686 15.863L8.16502 13.253C7.59787 12.9246 7.2482 12.3193 7.24702 11.664V6.44395C7.248 5.78855 7.59772 5.18319 8.16502 4.85495L12.686 2.24595C13.2535 1.91834 13.9526 1.91834 14.52 2.24595L19.041 4.85595C19.6079 5.18445 19.9572 5.78975 19.958 6.44495V11.665C19.9572 12.3202 19.6079 12.9255 19.041 13.254L14.52 15.864C14.2411 16.0245 13.9249 16.109 13.603 16.109Z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.396 22C10.0737 21.9998 9.75718 21.915 9.47802 21.754L4.95802 19.144C4.39157 18.8155 4.04235 18.2107 4.04102 17.556V12.336C4.042 11.6808 4.39126 11.0756 4.95802 10.747L6.33102 9.95395V11.664C6.33256 12.6467 6.85669 13.5544 7.70702 14.047L12.228 16.657C13.0793 17.1492 14.1287 17.1492 14.98 16.657L16.752 15.635V17.556C16.751 18.2111 16.4018 18.8163 15.835 19.145L11.314 21.755C11.0348 21.9156 10.7182 22.0001 10.396 22ZM13.603 16.109C13.2811 16.109 12.9648 16.024 12.686 15.863L8.16502 13.253C7.59787 12.9246 7.2482 12.3193 7.24702 11.664V6.44395C7.248 5.78855 7.59772 5.18319 8.16502 4.85495L12.686 2.24595C13.2535 1.91834 13.9526 1.91834 14.52 2.24595L19.041 4.85595C19.6079 5.18445 19.9572 5.78975 19.958 6.44495V11.665C19.9572 12.3202 19.6079 12.9255 19.041 13.254L14.52 15.864C14.2411 16.0245 13.9249 16.109 13.603 16.109Z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.396 22C10.0737 21.9998 9.75718 21.915 9.47802 21.754L4.95802 19.144C4.39157 18.8155 4.04235 18.2107 4.04102 17.556V12.336C4.042 11.6808 4.39126 11.0756 4.95802 10.747L6.33102 9.95395V11.664C6.33256 12.6467 6.85669 13.5544 7.70702 14.047L12.228 16.657C13.0793 17.1492 14.1287 17.1492 14.98 16.657L16.752 15.635V17.556C16.751 18.2111 16.4018 18.8163 15.835 19.145L11.314 21.755C11.0348 21.9156 10.7182 22.0001 10.396 22ZM13.603 16.109C13.2811 16.109 12.9648 16.024 12.686 15.863L8.16502 13.253C7.59787 12.9246 7.2482 12.3193 7.24702 11.664V6.44395C7.248 5.78855 7.59772 5.18319 8.16502 4.85495L12.686 2.24595C13.2535 1.91834 13.9526 1.91834 14.52 2.24595L19.041 4.85595C19.6079 5.18445 19.9572 5.78975 19.958 6.44495V11.665C19.9572 12.3202 19.6079 12.9255 19.041 13.254L14.52 15.864C14.2411 16.0245 13.9249 16.109 13.603 16.109Z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.396 22C10.0737 21.9998 9.75718 21.915 9.47802 21.754L4.95802 19.144C4.39157 18.8155 4.04235 18.2107 4.04102 17.556V12.336C4.042 11.6808 4.39126 11.0756 4.95802 10.747L6.33102 9.95395V11.664C6.33256 12.6467 6.85669 13.5544 7.70702 14.047L12.228 16.657C13.0793 17.1492 14.1287 17.1492 14.98 16.657L16.752 15.635V17.556C16.751 18.2111 16.4018 18.8163 15.835 19.145L11.314 21.755C11.0348 21.9156 10.7182 22.0001 10.396 22ZM13.603 16.109C13.2811 16.109 12.9648 16.024 12.686 15.863L8.16502 13.253C7.59787 12.9246 7.2482 12.3193 7.24702 11.664V6.44395C7.248 5.78855 7.59772 5.18319 8.16502 4.85495L12.686 2.24595C13.2535 1.91834 13.9526 1.91834 14.52 2.24595L19.041 4.85595C19.6079 5.18445 19.9572 5.78975 19.958 6.44495V11.665C19.9572 12.3202 19.6079 12.9255 19.041 13.254L14.52 15.864C14.2411 16.0245 13.9249 16.109 13.603 16.109Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit linkpath as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements