CCS2 connector icon

CCS Combo 2 connector (IEC 62196-3, Type 2 with two DC contacts), shown as the vehicle inlet face

On a light background

On a dark background

Sizes

Download SVG Open in the gallery Source on GitHub

Use it

Install

Shell

npm i @evicons/react

React

TSX

import { PlugCcs2 } from '@evicons/react'

<PlugCcs2 size={24} title="CCS2 connector" />

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
  <path d="M8.392 1.925h7.216a1.5 1.5 0 0 1 1.051.43 6.65 6.65 0 1 1-9.318 0 1.5 1.5 0 0 1 1.051-.43"/>
  <path d="M9.6 4.44a.5.5 0 1 0 1 0 .5.5 0 1 0-1 0"/>
  <path d="M13.4 4.44a.5.5 0 1 0 1 0 .5.5 0 1 0-1 0"/>
  <path d="M7.45 7.1a.75.75 0 1 0 1.5 0 .75.75 0 1 0-1.5 0"/>
  <path d="M11.25 7.1a.75.75 0 1 0 1.5 0 .75.75 0 1 0-1.5 0"/>
  <path d="M15.05 7.1a.75.75 0 1 0 1.5 0 .75.75 0 1 0-1.5 0"/>
  <path d="M9.35 10.402a.75.75 0 1 0 1.5 0 .75.75 0 1 0-1.5 0"/>
  <path d="M13.15 10.402a.75.75 0 1 0 1.5 0 .75.75 0 1 0-1.5 0"/>
  <rect width="13.3" height="6.35" x="5.35" y="15.75" rx="3.175"/>
  <circle cx="8.525" cy="18.925" r="1.15"/>
  <circle cx="15.475" cy="18.925" r="1.15"/>
</svg>

Sprite

HTML

<!-- Copy sprite.svg from @evicons/svg to your app's public folder -->
<svg width="24" height="24" aria-hidden="true"><use href="/sprite.svg#evicon-plug-ccs2" /></svg>

Icons supplement text, they do not replace it. Without a visible label, give the icon a title or an aria-label. Read the docs

Details

React component: PlugCcs2
SVG file: plug-ccs2.svg
Category: Connectors
Since version: 0.1.0
Standard: IEC 62196-3 (Combo 2)
Search terms: ccs, ccs2, combo 2, iec 62196-3, dc connector, fast charging, plug, inlet, dc-stecker, schnellladen, stecker, ladebuchse

MIT licence: free for commercial apps too. No credit needed in the UI; keep the licence file in your code.