Kartenterminal Icon

Kartenterminal: Ad-hoc-Zahlung mit Debit- oder Kreditkarte, kontaktlos

Auf hellem Grund

Auf dunklem Grund

Größen

SVG herunterladen In der Galerie öffnen Quelle auf GitHub

Verwenden

Installieren

Shell

npm i @evicons/react

React

TSX

import { CardTerminal } from '@evicons/react'

<CardTerminal size={24} title="Kartenterminal" />

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">
  <rect width="12.5" height="15" x="4.75" y="6.5" rx="2"/>
  <rect width="7.5" height="3.5" x="7.25" y="9" rx="1.25"/>
  <path d="M9.5 15.5h.01m2.99 0h.01M9.5 18.75h.01m2.99 0h.01"/>
  <path d="M17.25 4.5a2 2 0 0 1 2 2m-2-4a4 4 0 0 1 4 4"/>
</svg>

Sprite

HTML

<!-- sprite.svg aus @evicons/svg in den public-Ordner der App kopieren -->
<svg width="24" height="24" aria-hidden="true"><use href="/sprite.svg#evicon-card-terminal" /></svg>

Icons ergänzen Text, sie ersetzen ihn nicht. Ohne sichtbare Beschriftung braucht das Icon einen title oder ein aria-label. Anleitung (Englisch)

Details

React-Komponente: CardTerminal
SVG-Datei: card-terminal.svg
Kategorie: Bezahlen
Seit Version: 0.2.0
Suchbegriffe: kartenterminal, bezahlterminal, ad hoc, kontaktlos, girokarte, kreditkarte, afir, card terminal, payment terminal, contactless, debit card, credit card

MIT-Lizenz, frei auch für kommerzielle Apps. Ohne Namensnennung im UI, die Lizenzdatei gehört in den Code.