gentleface

Gentleface › Transportation › car-electric

car-electric icon

Car electric: electric car, ev car, battery electric vehicle. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.439 2.854C3.713 2.58 4.028 2.37 4.385 2.222C4.742 2.074 5.114 2 5.5 2L6.5 2C6.886 2 7.258 2.074 7.615 2.222C7.972 2.37 8.287 2.58 8.561 2.854L10.146 4.439C10.326 4.619 10.533 4.757 10.767 4.854C11.002 4.951 11.246 5 11.5 5L13 5C13.276 5 13.512 5.098 13.707 5.293C13.902 5.488 14 5.724 14 6L14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5L13 6L11.5 6C11.155 6 10.822 5.941 10.5 5.823C10.415 5.935 10.283 6 10.142 6L1.748 6C1.66 6 1.574 5.974 1.5 5.925C1.338 5.975 1.172 6 1 6L1 7.5C1 7.641 0.952 7.759 0.856 7.856C0.759 7.952 0.641 8 0.5 8C0.359 8 0.241 7.952 0.144 7.856C0.048 7.759 0 7.641 0 7.5L0 6C0 5.724 0.098 5.488 0.293 5.293C0.488 5.098 0.724 5 1 5C1.195 5 1.362 4.931 1.5 4.793L3.439 2.854ZM7.233 3.146C6.998 3.049 6.754 3 6.5 3L5.5 3C5.246 3 5.002 3.049 4.767 3.146C4.533 3.243 4.326 3.381 4.146 3.561L2.707 5L9.293 5L7.854 3.561C7.674 3.381 7.467 3.243 7.233 3.146ZM1.732 7.732C1.976 7.488 2.259 7.303 2.58 7.176C2.875 7.059 3.182 7 3.5 7C3.818 7 4.125 7.059 4.42 7.176C4.741 7.303 5.024 7.488 5.268 7.732C5.512 7.976 5.697 8.259 5.824 8.58C5.941 8.875 6 9.182 6 9.5C6 9.818 5.941 10.125 5.824 10.42C5.697 10.741 5.512 11.024 5.268 11.268C5.024 11.512 4.741 11.697 4.42 11.824C4.125 11.941 3.818 12 3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5C1 9.182 1.059 8.875 1.176 8.58C1.303 8.259 1.488 7.976 1.732 7.732ZM11 16L11 12L9 12L12 7L12 11L14 11L11 16ZM10.225 8.015C10.198 8.027 10.169 8.037 10.138 8.044C9.804 8.128 9.53 8.305 9.318 8.576C9.106 8.848 9 9.156 9 9.5C9 9.614 9.013 9.727 9.038 9.838C9.049 9.882 9.054 9.926 9.053 9.968L8.803 10.385C8.761 10.408 8.715 10.426 8.664 10.437C8.529 10.468 8.404 10.447 8.286 10.374C8.169 10.301 8.095 10.197 8.064 10.063C8.021 9.878 8 9.69 8 9.5C8 9.229 8.043 8.965 8.129 8.708C8.22 8.436 8.354 8.187 8.53 7.96C8.707 7.734 8.917 7.544 9.159 7.39C9.388 7.245 9.633 7.139 9.896 7.074C10.033 7.04 10.16 7.058 10.276 7.128C10.393 7.198 10.468 7.302 10.502 7.438C10.51 7.469 10.515 7.499 10.517 7.528L10.225 8.015ZM2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11C3.691 11 3.875 10.965 4.052 10.895C4.245 10.818 4.414 10.707 4.561 10.561C4.707 10.414 4.818 10.245 4.895 10.052C4.965 9.875 5 9.691 5 9.5C5 9.309 4.965 9.125 4.895 8.948C4.818 8.755 4.707 8.586 4.561 8.439C4.414 8.293 4.245 8.182 4.052 8.105C3.875 8.035 3.691 8 3.5 8C3.309 8 3.125 8.035 2.948 8.105C2.755 8.182 2.586 8.293 2.439 8.439C2.293 8.586 2.182 8.755 2.105 8.948C2.035 9.125 2 9.309 2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561Z"/></svg>
React
// Gentleface "car-electric" (line-round), MIT. https://gentleface.com/icons/car-electric
import type { SVGProps } from 'react';

export function CarElectricIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M3.439 2.854C3.713 2.58 4.028 2.37 4.385 2.222C4.742 2.074 5.114 2 5.5 2L6.5 2C6.886 2 7.258 2.074 7.615 2.222C7.972 2.37 8.287 2.58 8.561 2.854L10.146 4.439C10.326 4.619 10.533 4.757 10.767 4.854C11.002 4.951 11.246 5 11.5 5L13 5C13.276 5 13.512 5.098 13.707 5.293C13.902 5.488 14 5.724 14 6L14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5L13 6L11.5 6C11.155 6 10.822 5.941 10.5 5.823C10.415 5.935 10.283 6 10.142 6L1.748 6C1.66 6 1.574 5.974 1.5 5.925C1.338 5.975 1.172 6 1 6L1 7.5C1 7.641 0.952 7.759 0.856 7.856C0.759 7.952 0.641 8 0.5 8C0.359 8 0.241 7.952 0.144 7.856C0.048 7.759 0 7.641 0 7.5L0 6C0 5.724 0.098 5.488 0.293 5.293C0.488 5.098 0.724 5 1 5C1.195 5 1.362 4.931 1.5 4.793L3.439 2.854ZM7.233 3.146C6.998 3.049 6.754 3 6.5 3L5.5 3C5.246 3 5.002 3.049 4.767 3.146C4.533 3.243 4.326 3.381 4.146 3.561L2.707 5L9.293 5L7.854 3.561C7.674 3.381 7.467 3.243 7.233 3.146ZM1.732 7.732C1.976 7.488 2.259 7.303 2.58 7.176C2.875 7.059 3.182 7 3.5 7C3.818 7 4.125 7.059 4.42 7.176C4.741 7.303 5.024 7.488 5.268 7.732C5.512 7.976 5.697 8.259 5.824 8.58C5.941 8.875 6 9.182 6 9.5C6 9.818 5.941 10.125 5.824 10.42C5.697 10.741 5.512 11.024 5.268 11.268C5.024 11.512 4.741 11.697 4.42 11.824C4.125 11.941 3.818 12 3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5C1 9.182 1.059 8.875 1.176 8.58C1.303 8.259 1.488 7.976 1.732 7.732ZM11 16L11 12L9 12L12 7L12 11L14 11L11 16ZM10.225 8.015C10.198 8.027 10.169 8.037 10.138 8.044C9.804 8.128 9.53 8.305 9.318 8.576C9.106 8.848 9 9.156 9 9.5C9 9.614 9.013 9.727 9.038 9.838C9.049 9.882 9.054 9.926 9.053 9.968L8.803 10.385C8.761 10.408 8.715 10.426 8.664 10.437C8.529 10.468 8.404 10.447 8.286 10.374C8.169 10.301 8.095 10.197 8.064 10.063C8.021 9.878 8 9.69 8 9.5C8 9.229 8.043 8.965 8.129 8.708C8.22 8.436 8.354 8.187 8.53 7.96C8.707 7.734 8.917 7.544 9.159 7.39C9.388 7.245 9.633 7.139 9.896 7.074C10.033 7.04 10.16 7.058 10.276 7.128C10.393 7.198 10.468 7.302 10.502 7.438C10.51 7.469 10.515 7.499 10.517 7.528L10.225 8.015ZM2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11C3.691 11 3.875 10.965 4.052 10.895C4.245 10.818 4.414 10.707 4.561 10.561C4.707 10.414 4.818 10.245 4.895 10.052C4.965 9.875 5 9.691 5 9.5C5 9.309 4.965 9.125 4.895 8.948C4.818 8.755 4.707 8.586 4.561 8.439C4.414 8.293 4.245 8.182 4.052 8.105C3.875 8.035 3.691 8 3.5 8C3.309 8 3.125 8.035 2.948 8.105C2.755 8.182 2.586 8.293 2.439 8.439C2.293 8.586 2.182 8.755 2.105 8.948C2.035 9.125 2 9.309 2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561Z" />
    </svg>
  );
}
Vue
Vue: see /icons/car-electric.md
Svelte
Svelte: see /icons/car-electric.md
HTML img
HTML img: see /icons/car-electric.md
CSS
CSS: see /icons/car-electric.md
Data URL
Data URL: see /icons/car-electric.md
Sprite
Sprite: see /icons/car-electric.md
SwiftUI
SwiftUI: see /icons/car-electric.md
Compose
Compose: see /icons/car-electric.md
Android XML
Android XML: see /icons/car-electric.md
Flutter
Flutter: see /icons/car-electric.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
electric car, ev car, battery electric vehicle
Tags
electric car, ev, electric vehicle, bev, battery electric vehicle, car, bolt, electricity, green, transport
Category
Transportation
Component name
CarElectricIcon
History
  • 20 px redrawn, 24 px redrawn, 16 px redrawn, 20 px drawn, 24 px drawn, added

Family 30

More transportation icons

For agents

Metadata: /icons/car-electric.json · Markdown: /icons/car-electric.md · SVG: https://gentleface.com/svg/{style}/16/car-electric.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/car-electric.png