Private Wifi Icon SVG
Private Wifi
Private wifi SVG Icon Code | Customize color
You can get svg icon private wifi 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" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 18.51L12.01 18.4989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7C8 2.5 16 2.5 22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 11C9 8 15 8 19 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.5 14.5C10.7504 13.1 13.2498 13.0996 15.5001 14.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.1667 18.5H21.4C21.7314 18.5 22 18.7686 22 19.1V21.4C22 21.7314 21.7314 22 21.4 22H17.6C17.2686 22 17 21.7314 17 21.4V19.1C17 18.7686 17.2686 18.5 17.6 18.5H17.8333M21.1667 18.5V16.75C21.1667 16.1667 20.8333 15 19.5 15C18.1667 15 17.8333 16.1667 17.8333 16.75V18.5M21.1667 18.5H17.8333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 18.51L12.01 18.4989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7C8 2.5 16 2.5 22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 11C9 8 15 8 19 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.5 14.5C10.7504 13.1 13.2498 13.0996 15.5001 14.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.1667 18.5H21.4C21.7314 18.5 22 18.7686 22 19.1V21.4C22 21.7314 21.7314 22 21.4 22H17.6C17.2686 22 17 21.7314 17 21.4V19.1C17 18.7686 17.2686 18.5 17.6 18.5H17.8333M21.1667 18.5V16.75C21.1667 16.1667 20.8333 15 19.5 15C18.1667 15 17.8333 16.1667 17.8333 16.75V18.5M21.1667 18.5H17.8333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 18.51L12.01 18.4989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7C8 2.5 16 2.5 22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 11C9 8 15 8 19 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.5 14.5C10.7504 13.1 13.2498 13.0996 15.5001 14.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.1667 18.5H21.4C21.7314 18.5 22 18.7686 22 19.1V21.4C22 21.7314 21.7314 22 21.4 22H17.6C17.2686 22 17 21.7314 17 21.4V19.1C17 18.7686 17.2686 18.5 17.6 18.5H17.8333M21.1667 18.5V16.75C21.1667 16.1667 20.8333 15 19.5 15C18.1667 15 17.8333 16.1667 17.8333 16.75V18.5M21.1667 18.5H17.8333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 18.51L12.01 18.4989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7C8 2.5 16 2.5 22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 11C9 8 15 8 19 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.5 14.5C10.7504 13.1 13.2498 13.0996 15.5001 14.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.1667 18.5H21.4C21.7314 18.5 22 18.7686 22 19.1V21.4C22 21.7314 21.7314 22 21.4 22H17.6C17.2686 22 17 21.7314 17 21.4V19.1C17 18.7686 17.2686 18.5 17.6 18.5H17.8333M21.1667 18.5V16.75C21.1667 16.1667 20.8333 15 19.5 15C18.1667 15 17.8333 16.1667 17.8333 16.75V18.5M21.1667 18.5H17.8333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 18.51L12.01 18.4989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7C8 2.5 16 2.5 22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 11C9 8 15 8 19 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.5 14.5C10.7504 13.1 13.2498 13.0996 15.5001 14.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.1667 18.5H21.4C21.7314 18.5 22 18.7686 22 19.1V21.4C22 21.7314 21.7314 22 21.4 22H17.6C17.2686 22 17 21.7314 17 21.4V19.1C17 18.7686 17.2686 18.5 17.6 18.5H17.8333M21.1667 18.5V16.75C21.1667 16.1667 20.8333 15 19.5 15C18.1667 15 17.8333 16.1667 17.8333 16.75V18.5M21.1667 18.5H17.8333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit private wifi as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements