nfc icon

Nfc: nfc, contactless, near field communication. 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="M14.432 4.095C14.811 5.198 15 6.333 15 7.5C15 8.667 14.811 9.802 14.432 10.905C14.074 11.951 13.563 12.916 12.9 13.8C12.815 13.913 12.706 13.979 12.571 13.998C12.436 14.017 12.313 13.985 12.2 13.9C12.087 13.815 12.021 13.706 12.002 13.571C11.983 13.436 12.015 13.313 12.1 13.2C12.7 12.4 13.162 11.527 13.486 10.581C13.829 9.583 14 8.556 14 7.5C14 6.444 13.829 5.417 13.486 4.419C13.162 3.473 12.7 2.6 12.1 1.8C12.015 1.687 11.983 1.564 12.002 1.429C12.021 1.294 12.087 1.185 12.2 1.1C12.31 1.017 12.434 0.985 12.571 1.005C12.707 1.025 12.817 1.09 12.9 1.2C13.563 2.084 14.074 3.049 14.432 4.095ZM4.86 12.736C4.758 12.993 4.609 13.219 4.414 13.414C4.219 13.609 3.993 13.758 3.736 13.86C3.5 13.953 3.254 14 3 14L1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5C1 13.359 1.048 13.241 1.144 13.144C1.241 13.048 1.359 13 1.5 13L3 13C3.276 13 3.512 12.902 3.707 12.707C3.902 12.512 4 12.276 4 12L4 3C4 2.724 3.902 2.488 3.707 2.293C3.512 2.098 3.276 2 3 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L3 1C3.254 1 3.5 1.047 3.736 1.14C3.993 1.242 4.219 1.391 4.414 1.586C4.609 1.781 4.758 2.007 4.86 2.264C4.953 2.5 5 2.746 5 3L5 12C5 12.254 4.953 12.5 4.86 12.736ZM12 7.5C12 8.41 11.84 9.291 11.519 10.143C11.218 10.941 10.794 11.668 10.245 12.321C10.154 12.429 10.041 12.489 9.906 12.501C9.77 12.513 9.648 12.474 9.54 12.383C9.433 12.292 9.373 12.179 9.361 12.044C9.349 11.908 9.388 11.787 9.479 11.679C9.954 11.112 10.323 10.483 10.583 9.79C10.861 9.052 11 8.289 11 7.5C11 6.711 10.861 5.948 10.583 5.21C10.323 4.517 9.954 3.888 9.479 3.321C9.388 3.213 9.349 3.092 9.361 2.956C9.373 2.821 9.433 2.708 9.54 2.617C9.646 2.528 9.768 2.49 9.905 2.502C10.043 2.514 10.156 2.573 10.245 2.679C10.794 3.332 11.218 4.059 11.519 4.857C11.84 5.709 12 6.59 12 7.5ZM7.476 4.125C7.937 4.531 8.3 5.012 8.564 5.567C8.855 6.179 9 6.823 9 7.5C9 8.177 8.855 8.821 8.564 9.433C8.3 9.988 7.937 10.469 7.476 10.875C7.371 10.968 7.25 11.011 7.114 11.002C6.978 10.994 6.864 10.936 6.771 10.831C6.679 10.727 6.638 10.606 6.647 10.469C6.655 10.331 6.711 10.216 6.815 10.125C7.173 9.809 7.455 9.435 7.661 9.003C7.887 8.528 8 8.027 8 7.5C8 6.973 7.887 6.472 7.661 5.997C7.455 5.565 7.173 5.191 6.815 4.875C6.709 4.782 6.652 4.667 6.644 4.531C6.635 4.396 6.678 4.275 6.771 4.169C6.864 4.064 6.978 4.006 7.114 3.998C7.25 3.989 7.371 4.032 7.476 4.125Z"/></svg>

React

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

export function NfcIcon(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="M14.432 4.095C14.811 5.198 15 6.333 15 7.5C15 8.667 14.811 9.802 14.432 10.905C14.074 11.951 13.563 12.916 12.9 13.8C12.815 13.913 12.706 13.979 12.571 13.998C12.436 14.017 12.313 13.985 12.2 13.9C12.087 13.815 12.021 13.706 12.002 13.571C11.983 13.436 12.015 13.313 12.1 13.2C12.7 12.4 13.162 11.527 13.486 10.581C13.829 9.583 14 8.556 14 7.5C14 6.444 13.829 5.417 13.486 4.419C13.162 3.473 12.7 2.6 12.1 1.8C12.015 1.687 11.983 1.564 12.002 1.429C12.021 1.294 12.087 1.185 12.2 1.1C12.31 1.017 12.434 0.985 12.571 1.005C12.707 1.025 12.817 1.09 12.9 1.2C13.563 2.084 14.074 3.049 14.432 4.095ZM4.86 12.736C4.758 12.993 4.609 13.219 4.414 13.414C4.219 13.609 3.993 13.758 3.736 13.86C3.5 13.953 3.254 14 3 14L1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5C1 13.359 1.048 13.241 1.144 13.144C1.241 13.048 1.359 13 1.5 13L3 13C3.276 13 3.512 12.902 3.707 12.707C3.902 12.512 4 12.276 4 12L4 3C4 2.724 3.902 2.488 3.707 2.293C3.512 2.098 3.276 2 3 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L3 1C3.254 1 3.5 1.047 3.736 1.14C3.993 1.242 4.219 1.391 4.414 1.586C4.609 1.781 4.758 2.007 4.86 2.264C4.953 2.5 5 2.746 5 3L5 12C5 12.254 4.953 12.5 4.86 12.736ZM12 7.5C12 8.41 11.84 9.291 11.519 10.143C11.218 10.941 10.794 11.668 10.245 12.321C10.154 12.429 10.041 12.489 9.906 12.501C9.77 12.513 9.648 12.474 9.54 12.383C9.433 12.292 9.373 12.179 9.361 12.044C9.349 11.908 9.388 11.787 9.479 11.679C9.954 11.112 10.323 10.483 10.583 9.79C10.861 9.052 11 8.289 11 7.5C11 6.711 10.861 5.948 10.583 5.21C10.323 4.517 9.954 3.888 9.479 3.321C9.388 3.213 9.349 3.092 9.361 2.956C9.373 2.821 9.433 2.708 9.54 2.617C9.646 2.528 9.768 2.49 9.905 2.502C10.043 2.514 10.156 2.573 10.245 2.679C10.794 3.332 11.218 4.059 11.519 4.857C11.84 5.709 12 6.59 12 7.5ZM7.476 4.125C7.937 4.531 8.3 5.012 8.564 5.567C8.855 6.179 9 6.823 9 7.5C9 8.177 8.855 8.821 8.564 9.433C8.3 9.988 7.937 10.469 7.476 10.875C7.371 10.968 7.25 11.011 7.114 11.002C6.978 10.994 6.864 10.936 6.771 10.831C6.679 10.727 6.638 10.606 6.647 10.469C6.655 10.331 6.711 10.216 6.815 10.125C7.173 9.809 7.455 9.435 7.661 9.003C7.887 8.528 8 8.027 8 7.5C8 6.973 7.887 6.472 7.661 5.997C7.455 5.565 7.173 5.191 6.815 4.875C6.709 4.782 6.652 4.667 6.644 4.531C6.635 4.396 6.678 4.275 6.771 4.169C6.864 4.064 6.978 4.006 7.114 3.998C7.25 3.989 7.371 4.032 7.476 4.125Z" />
    </svg>
  );
}

Vue

Vue: see /icons/nfc.md

Svelte

Svelte: see /icons/nfc.md

HTML img

HTML img: see /icons/nfc.md

CSS

CSS: see /icons/nfc.md

Data URL

Data URL: see /icons/nfc.md

Sprite

Sprite: see /icons/nfc.md

SwiftUI

SwiftUI: see /icons/nfc.md

Compose

Compose: see /icons/nfc.md

Android XML

Android XML: see /icons/nfc.md

Flutter

Flutter: see /icons/nfc.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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

nfc, contactless, near field communication

Alternatives

contactless: contactless card payment, tap to pay (contactless-payment); nfc is the radio technology

Also fits

contactless payment: the NFC radio itself or its setting

Tags

nfc, near-field, contactless, tap, wireless, radio, phone

Category

Connectivity

Component name

NfcIcon

History

2026-10-16 added

Family 1

nfc-off

More connectivity icons

antenna bluetooth bluetooth-connected bluetooth-off bluetooth-searching cast cast-connected cloud cloud-alert cloud-arrow-down cloud-arrow-up cloud-check cloud-clock cloud-gear cloud-lock cloud-off · all connectivity icons

For agents

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

nfc icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp