nfc symbol logo

nfc-symbol from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: nfc-symbol
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

Related icons in Font Awesome Brands

Use the nfc symbol logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M424.9 96.4c7.7-1.3 15.7.5 21.2 5C530.2 160.1 576 237.7 576 319.1c0 83.1-45.8 160.8-129.9 219.5c-4.8 4-11.7 5.9-18.6 5.3c-7-.6-13.5-3.6-18.4-8.5L225.7 352.7c-5.6-5.5-8.7-13-9.6-20.9c0-7.8 4-15.3 9.5-20.9c5.6-5.5 13.1-8.7 20.9-8.7c7.9 0 15.4 3.1 20.9 8.6l165.1 164.4c54.6-44.7 84.3-99.2 84.3-156.1c0-61.6-36.9-122.2-103.9-169.3c-6.4-4.5-10.8-11.4-12.1-19.1c-1.4-7.7.4-15.7 5-22.1c4.5-6.4 11.4-10.8 19.1-12.1zm-206 447.2c-7.7 1.3-15.6-.5-22.1-5c-83.1-58.7-129-136.4-129-219.5c0-81.4 45.8-159 129-217.7c5.7-4 12.6-5.9 19.6-5.3c6.9.6 13.4 3.6 18.3 8.5l183.4 182.7c5.6 5.5 8.7 13 8.7 20.9c.1 6.9-3 15.3-8.6 20.9c-5.5 5.5-13 8.7-20.9 8.7c-7.8 0-16.2-3.1-20.9-8.6L211.3 164.7c-54.6 45.2-84.3 99.2-84.3 154.4c0 63.4 36.9 124 103.1 171.1c7.3 4.6 11.6 11.4 13 19.2c1.3 7.7-.5 15.7-5 22.1s-11.4 10.7-19.2 12.1"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsNfcSymbol(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M424.9 96.4c7.7-1.3 15.7.5 21.2 5C530.2 160.1 576 237.7 576 319.1c0 83.1-45.8 160.8-129.9 219.5c-4.8 4-11.7 5.9-18.6 5.3c-7-.6-13.5-3.6-18.4-8.5L225.7 352.7c-5.6-5.5-8.7-13-9.6-20.9c0-7.8 4-15.3 9.5-20.9c5.6-5.5 13.1-8.7 20.9-8.7c7.9 0 15.4 3.1 20.9 8.6l165.1 164.4c54.6-44.7 84.3-99.2 84.3-156.1c0-61.6-36.9-122.2-103.9-169.3c-6.4-4.5-10.8-11.4-12.1-19.1c-1.4-7.7.4-15.7 5-22.1c4.5-6.4 11.4-10.8 19.1-12.1zm-206 447.2c-7.7 1.3-15.6-.5-22.1-5c-83.1-58.7-129-136.4-129-219.5c0-81.4 45.8-159 129-217.7c5.7-4 12.6-5.9 19.6-5.3c6.9.6 13.4 3.6 18.3 8.5l183.4 182.7c5.6 5.5 8.7 13 8.7 20.9c.1 6.9-3 15.3-8.6 20.9c-5.5 5.5-13 8.7-20.9 8.7c-7.8 0-16.2-3.1-20.9-8.6L211.3 164.7c-54.6 45.2-84.3 99.2-84.3 154.4c0 63.4 36.9 124 103.1 171.1c7.3 4.6 11.6 11.4 13 19.2c1.3 7.7-.5 15.7-5 22.1s-11.4 10.7-19.2 12.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M424.9 96.4c7.7-1.3 15.7.5 21.2 5C530.2 160.1 576 237.7 576 319.1c0 83.1-45.8 160.8-129.9 219.5c-4.8 4-11.7 5.9-18.6 5.3c-7-.6-13.5-3.6-18.4-8.5L225.7 352.7c-5.6-5.5-8.7-13-9.6-20.9c0-7.8 4-15.3 9.5-20.9c5.6-5.5 13.1-8.7 20.9-8.7c7.9 0 15.4 3.1 20.9 8.6l165.1 164.4c54.6-44.7 84.3-99.2 84.3-156.1c0-61.6-36.9-122.2-103.9-169.3c-6.4-4.5-10.8-11.4-12.1-19.1c-1.4-7.7.4-15.7 5-22.1c4.5-6.4 11.4-10.8 19.1-12.1zm-206 447.2c-7.7 1.3-15.6-.5-22.1-5c-83.1-58.7-129-136.4-129-219.5c0-81.4 45.8-159 129-217.7c5.7-4 12.6-5.9 19.6-5.3c6.9.6 13.4 3.6 18.3 8.5l183.4 182.7c5.6 5.5 8.7 13 8.7 20.9c.1 6.9-3 15.3-8.6 20.9c-5.5 5.5-13 8.7-20.9 8.7c-7.8 0-16.2-3.1-20.9-8.6L211.3 164.7c-54.6 45.2-84.3 99.2-84.3 154.4c0 63.4 36.9 124 103.1 171.1c7.3 4.6 11.6 11.4 13 19.2c1.3 7.7-.5 15.7-5 22.1s-11.4 10.7-19.2 12.1"/></svg>
</template>

CSS

.icon-nfc-symbol {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M424.9%2096.4c7.7-1.3%2015.7.5%2021.2%205C530.2%20160.1%20576%20237.7%20576%20319.1c0%2083.1-45.8%20160.8-129.9%20219.5c-4.8%204-11.7%205.9-18.6%205.3c-7-.6-13.5-3.6-18.4-8.5L225.7%20352.7c-5.6-5.5-8.7-13-9.6-20.9c0-7.8%204-15.3%209.5-20.9c5.6-5.5%2013.1-8.7%2020.9-8.7c7.9%200%2015.4%203.1%2020.9%208.6l165.1%20164.4c54.6-44.7%2084.3-99.2%2084.3-156.1c0-61.6-36.9-122.2-103.9-169.3c-6.4-4.5-10.8-11.4-12.1-19.1c-1.4-7.7.4-15.7%205-22.1c4.5-6.4%2011.4-10.8%2019.1-12.1zm-206%20447.2c-7.7%201.3-15.6-.5-22.1-5c-83.1-58.7-129-136.4-129-219.5c0-81.4%2045.8-159%20129-217.7c5.7-4%2012.6-5.9%2019.6-5.3c6.9.6%2013.4%203.6%2018.3%208.5l183.4%20182.7c5.6%205.5%208.7%2013%208.7%2020.9c.1%206.9-3%2015.3-8.6%2020.9c-5.5%205.5-13%208.7-20.9%208.7c-7.8%200-16.2-3.1-20.9-8.6L211.3%20164.7c-54.6%2045.2-84.3%2099.2-84.3%20154.4c0%2063.4%2036.9%20124%20103.1%20171.1c7.3%204.6%2011.6%2011.4%2013%2019.2c1.3%207.7-.5%2015.7-5%2022.1s-11.4%2010.7-19.2%2012.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M424.9%2096.4c7.7-1.3%2015.7.5%2021.2%205C530.2%20160.1%20576%20237.7%20576%20319.1c0%2083.1-45.8%20160.8-129.9%20219.5c-4.8%204-11.7%205.9-18.6%205.3c-7-.6-13.5-3.6-18.4-8.5L225.7%20352.7c-5.6-5.5-8.7-13-9.6-20.9c0-7.8%204-15.3%209.5-20.9c5.6-5.5%2013.1-8.7%2020.9-8.7c7.9%200%2015.4%203.1%2020.9%208.6l165.1%20164.4c54.6-44.7%2084.3-99.2%2084.3-156.1c0-61.6-36.9-122.2-103.9-169.3c-6.4-4.5-10.8-11.4-12.1-19.1c-1.4-7.7.4-15.7%205-22.1c4.5-6.4%2011.4-10.8%2019.1-12.1zm-206%20447.2c-7.7%201.3-15.6-.5-22.1-5c-83.1-58.7-129-136.4-129-219.5c0-81.4%2045.8-159%20129-217.7c5.7-4%2012.6-5.9%2019.6-5.3c6.9.6%2013.4%203.6%2018.3%208.5l183.4%20182.7c5.6%205.5%208.7%2013%208.7%2020.9c.1%206.9-3%2015.3-8.6%2020.9c-5.5%205.5-13%208.7-20.9%208.7c-7.8%200-16.2-3.1-20.9-8.6L211.3%20164.7c-54.6%2045.2-84.3%2099.2-84.3%20154.4c0%2063.4%2036.9%20124%20103.1%20171.1c7.3%204.6%2011.6%2011.4%2013%2019.2c1.3%207.7-.5%2015.7-5%2022.1s-11.4%2010.7-19.2%2012.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/nfc-symbol.svg?color=%231a73e8&size=48