Gentleface › Transportation › ev-plug-nacs

ev-plug-nacs icon

Ev plug nacs: nacs, nacs connector, sae j3400. 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.611 2.611C4.148 2.074 4.769 1.666 5.475 1.386C6.126 1.129 6.801 1 7.5 1C8.199 1 8.874 1.129 9.525 1.386C10.231 1.666 10.852 2.074 11.389 2.611C11.926 3.148 12.334 3.769 12.614 4.475C12.871 5.126 13 5.801 13 6.5C13 7.284 12.824 8.178 12.472 9.181C12.145 10.112 11.713 11.014 11.176 11.887C10.627 12.779 10.056 13.497 9.463 14.04C8.765 14.68 8.111 15 7.5 15C6.889 15 6.235 14.68 5.537 14.04C4.944 13.497 4.373 12.779 3.824 11.887C3.287 11.014 2.855 10.112 2.528 9.181C2.176 8.178 2 7.284 2 6.5C2 5.801 2.129 5.126 2.386 4.475C2.666 3.769 3.074 3.148 3.611 2.611ZM4.676 11.363C5.176 12.176 5.688 12.822 6.213 13.303C6.47 13.539 6.713 13.716 6.942 13.836C7.152 13.945 7.338 14 7.5 14C7.662 14 7.848 13.945 8.058 13.836C8.287 13.716 8.53 13.539 8.787 13.303C9.312 12.822 9.824 12.176 10.324 11.363C10.824 10.551 11.225 9.713 11.528 8.85C11.843 7.954 12 7.17 12 6.5C12 5.928 11.895 5.376 11.684 4.844C11.455 4.266 11.121 3.757 10.682 3.318C10.243 2.879 9.734 2.545 9.156 2.316C8.624 2.105 8.072 2 7.5 2C6.928 2 6.376 2.105 5.844 2.316C5.266 2.545 4.757 2.879 4.318 3.318C3.879 3.757 3.545 4.266 3.316 4.844C3.105 5.376 3 5.928 3 6.5C3 7.17 3.157 7.954 3.472 8.85C3.775 9.713 4.176 10.551 4.676 11.363ZM6.561 5.439C6.854 5.732 7 6.086 7 6.5C7 6.914 6.854 7.268 6.561 7.561C6.268 7.854 5.914 8 5.5 8C5.086 8 4.732 7.854 4.439 7.561C4.146 7.268 4 6.914 4 6.5C4 6.086 4.146 5.732 4.439 5.439C4.732 5.146 5.086 5 5.5 5C5.914 5 6.268 5.146 6.561 5.439ZM10.561 5.439C10.854 5.732 11 6.086 11 6.5C11 6.914 10.854 7.268 10.561 7.561C10.268 7.854 9.914 8 9.5 8C9.086 8 8.732 7.854 8.439 7.561C8.146 7.268 8 6.914 8 6.5C8 6.086 8.146 5.732 8.439 5.439C8.732 5.146 9.086 5 9.5 5C9.914 5 10.268 5.146 10.561 5.439ZM6.03 8.97C6.177 9.116 6.25 9.293 6.25 9.5L6.25 9.502C6.249 9.708 6.176 9.884 6.03 10.03C5.884 10.177 5.707 10.25 5.5 10.25C5.293 10.25 5.116 10.177 4.97 10.03C4.823 9.884 4.75 9.707 4.75 9.5C4.75 9.293 4.823 9.116 4.97 8.97C5.116 8.823 5.293 8.75 5.5 8.75C5.707 8.75 5.884 8.823 6.03 8.97ZM10.03 8.97C10.177 9.116 10.25 9.293 10.25 9.5C10.25 9.706 10.177 9.883 10.032 10.029C10.031 10.03 10.03 10.031 10.029 10.032C9.883 10.177 9.706 10.25 9.5 10.25C9.293 10.25 9.116 10.177 8.97 10.03C8.823 9.884 8.75 9.707 8.75 9.5C8.75 9.293 8.823 9.116 8.97 8.97C9.116 8.823 9.293 8.75 9.5 8.75C9.707 8.75 9.884 8.823 10.03 8.97ZM6.97 10.97C7.116 10.823 7.293 10.75 7.5 10.75C7.707 10.75 7.884 10.823 8.03 10.97C8.177 11.116 8.25 11.293 8.25 11.5C8.25 11.707 8.177 11.884 8.03 12.03C7.884 12.177 7.707 12.25 7.5 12.25C7.293 12.25 7.116 12.177 6.97 12.03C6.823 11.884 6.75 11.707 6.75 11.5C6.75 11.293 6.823 11.116 6.97 10.97Z"/></svg>

React

// Gentleface "ev-plug-nacs" (line-round), MIT. https://gentleface.com/icons/ev-plug-nacs
import type { SVGProps } from 'react';

export function EvPlugNacsIcon(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.611 2.611C4.148 2.074 4.769 1.666 5.475 1.386C6.126 1.129 6.801 1 7.5 1C8.199 1 8.874 1.129 9.525 1.386C10.231 1.666 10.852 2.074 11.389 2.611C11.926 3.148 12.334 3.769 12.614 4.475C12.871 5.126 13 5.801 13 6.5C13 7.284 12.824 8.178 12.472 9.181C12.145 10.112 11.713 11.014 11.176 11.887C10.627 12.779 10.056 13.497 9.463 14.04C8.765 14.68 8.111 15 7.5 15C6.889 15 6.235 14.68 5.537 14.04C4.944 13.497 4.373 12.779 3.824 11.887C3.287 11.014 2.855 10.112 2.528 9.181C2.176 8.178 2 7.284 2 6.5C2 5.801 2.129 5.126 2.386 4.475C2.666 3.769 3.074 3.148 3.611 2.611ZM4.676 11.363C5.176 12.176 5.688 12.822 6.213 13.303C6.47 13.539 6.713 13.716 6.942 13.836C7.152 13.945 7.338 14 7.5 14C7.662 14 7.848 13.945 8.058 13.836C8.287 13.716 8.53 13.539 8.787 13.303C9.312 12.822 9.824 12.176 10.324 11.363C10.824 10.551 11.225 9.713 11.528 8.85C11.843 7.954 12 7.17 12 6.5C12 5.928 11.895 5.376 11.684 4.844C11.455 4.266 11.121 3.757 10.682 3.318C10.243 2.879 9.734 2.545 9.156 2.316C8.624 2.105 8.072 2 7.5 2C6.928 2 6.376 2.105 5.844 2.316C5.266 2.545 4.757 2.879 4.318 3.318C3.879 3.757 3.545 4.266 3.316 4.844C3.105 5.376 3 5.928 3 6.5C3 7.17 3.157 7.954 3.472 8.85C3.775 9.713 4.176 10.551 4.676 11.363ZM6.561 5.439C6.854 5.732 7 6.086 7 6.5C7 6.914 6.854 7.268 6.561 7.561C6.268 7.854 5.914 8 5.5 8C5.086 8 4.732 7.854 4.439 7.561C4.146 7.268 4 6.914 4 6.5C4 6.086 4.146 5.732 4.439 5.439C4.732 5.146 5.086 5 5.5 5C5.914 5 6.268 5.146 6.561 5.439ZM10.561 5.439C10.854 5.732 11 6.086 11 6.5C11 6.914 10.854 7.268 10.561 7.561C10.268 7.854 9.914 8 9.5 8C9.086 8 8.732 7.854 8.439 7.561C8.146 7.268 8 6.914 8 6.5C8 6.086 8.146 5.732 8.439 5.439C8.732 5.146 9.086 5 9.5 5C9.914 5 10.268 5.146 10.561 5.439ZM6.03 8.97C6.177 9.116 6.25 9.293 6.25 9.5L6.25 9.502C6.249 9.708 6.176 9.884 6.03 10.03C5.884 10.177 5.707 10.25 5.5 10.25C5.293 10.25 5.116 10.177 4.97 10.03C4.823 9.884 4.75 9.707 4.75 9.5C4.75 9.293 4.823 9.116 4.97 8.97C5.116 8.823 5.293 8.75 5.5 8.75C5.707 8.75 5.884 8.823 6.03 8.97ZM10.03 8.97C10.177 9.116 10.25 9.293 10.25 9.5C10.25 9.706 10.177 9.883 10.032 10.029C10.031 10.03 10.03 10.031 10.029 10.032C9.883 10.177 9.706 10.25 9.5 10.25C9.293 10.25 9.116 10.177 8.97 10.03C8.823 9.884 8.75 9.707 8.75 9.5C8.75 9.293 8.823 9.116 8.97 8.97C9.116 8.823 9.293 8.75 9.5 8.75C9.707 8.75 9.884 8.823 10.03 8.97ZM6.97 10.97C7.116 10.823 7.293 10.75 7.5 10.75C7.707 10.75 7.884 10.823 8.03 10.97C8.177 11.116 8.25 11.293 8.25 11.5C8.25 11.707 8.177 11.884 8.03 12.03C7.884 12.177 7.707 12.25 7.5 12.25C7.293 12.25 7.116 12.177 6.97 12.03C6.823 11.884 6.75 11.707 6.75 11.5C6.75 11.293 6.823 11.116 6.97 10.97Z" />
    </svg>
  );
}

Vue

Vue: see /icons/ev-plug-nacs.md

Svelte

Svelte: see /icons/ev-plug-nacs.md

HTML img

HTML img: see /icons/ev-plug-nacs.md

CSS

CSS: see /icons/ev-plug-nacs.md

Data URL

Data URL: see /icons/ev-plug-nacs.md

Sprite

Sprite: see /icons/ev-plug-nacs.md

SwiftUI

SwiftUI: see /icons/ev-plug-nacs.md

Compose

Compose: see /icons/ev-plug-nacs.md

Android XML

Android XML: see /icons/ev-plug-nacs.md

Flutter

Flutter: see /icons/ev-plug-nacs.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.

With npm: import { EvPlugNacsIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

nacs, nacs connector, sae j3400

Tags

nacs, sae-j3400, north-american-charging-standard, ev, connector, charging

Category

Transportation

Component name

EvPlugNacsIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.5.0

Since

version 0.5.0

Family 6

ev-plug ev-plug-ccs ev-plug-ccs2 ev-plug-chademo ev-plug-j1772 ev-plug-type2

More transportation icons

ambulance anchor barricade bike bike-bolt bike-off boom-barrier bus bus-alert bus-clock bus-off bus-side bus-stop cable-car car car-alert · all transportation icons

For agents

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

ev-plug-nacs icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp