Ev Charge Alt Icon SVG
Ev Charge Alt
Ev charge alt SVG Icon Code | Customize color
You can get svg icon ev charge alt 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" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 5L20 9L18 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 5H14V9L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 7H15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 9V19C6 20.1046 6.89543 21 8 21H17C18.1046 21 19 20.1046 19 19V14" stroke="currentColor" stroke-linecap="round"/> <path d="M9 5.6V7C9 8.10457 8.10457 9 7 9H5C3.89543 9 3 8.10457 3 7V5.6C3 5.26863 3.26863 5 3.6 5H8.4C8.73137 5 9 5.26863 9 5.6Z" stroke="currentColor" stroke-linecap="round"/> <path d="M4 5V3" stroke="currentColor" stroke-linecap="round"/> <path d="M8 5V3" stroke="currentColor" stroke-linecap="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="M22 5L20 9L18 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M16 5H14V9L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M14 7H15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M6 9V19C6 20.1046 6.89543 21 8 21H17C18.1046 21 19 20.1046 19 19V14" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M9 5.6V7C9 8.10457 8.10457 9 7 9H5C3.89543 9 3 8.10457 3 7V5.6C3 5.26863 3.26863 5 3.6 5H8.4C8.73137 5 9 5.26863 9 5.6Z" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M4 5V3" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M8 5V3" stroke="currentColor" stroke-linecap="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="M22 5L20 9L18 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M16 5H14V9L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M14 7H15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M6 9V19C6 20.1046 6.89543 21 8 21H17C18.1046 21 19 20.1046 19 19V14" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M9 5.6V7C9 8.10457 8.10457 9 7 9H5C3.89543 9 3 8.10457 3 7V5.6C3 5.26863 3.26863 5 3.6 5H8.4C8.73137 5 9 5.26863 9 5.6Z" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M4 5V3" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M8 5V3" stroke="currentColor" stroke-linecap="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="M22 5L20 9L18 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M16 5H14V9L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M14 7H15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M6 9V19C6 20.1046 6.89543 21 8 21H17C18.1046 21 19 20.1046 19 19V14" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M9 5.6V7C9 8.10457 8.10457 9 7 9H5C3.89543 9 3 8.10457 3 7V5.6C3 5.26863 3.26863 5 3.6 5H8.4C8.73137 5 9 5.26863 9 5.6Z" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M4 5V3" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M8 5V3" stroke="currentColor" stroke-linecap="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="M22 5L20 9L18 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M16 5H14V9L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M14 7H15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M6 9V19C6 20.1046 6.89543 21 8 21H17C18.1046 21 19 20.1046 19 19V14" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M9 5.6V7C9 8.10457 8.10457 9 7 9H5C3.89543 9 3 8.10457 3 7V5.6C3 5.26863 3.26863 5 3.6 5H8.4C8.73137 5 9 5.26863 9 5.6Z" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M4 5V3" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M8 5V3" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> </svg>
Advance Editor
You can edit ev charge alt as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements