nfc symbol logo

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

Name: nfc-symbol
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same logo in other sets

Related icons in Font Awesome 6 Brands

Use the nfc symbol logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M392.9 32.43c7.7-1.33 15.7.46 21.2 4.98C498.2 96.14 544 173.7 544 255.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.5L193.7 288.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.34c-6.4-4.52-10.8-11.41-12.1-19.14c-1.4-7.73.4-15.68 5-22.09c4.5-6.41 11.4-10.76 19.1-12.1m-206 447.17c-7.7 1.3-15.6-.5-22.1-5C81.67 415.9 35.84 338.2 35.84 255.1c0-81.4 45.83-158.96 128.96-217.69c5.7-4.01 12.6-5.88 19.6-5.29c6.9.59 13.4 3.6 18.3 8.51L386.1 223.3c5.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.6L179.3 100.7c-54.6 45.2-84.27 99.2-84.27 154.4c0 63.4 36.87 124 103.07 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 Fa6BrandsNfcSymbol(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M392.9 32.43c7.7-1.33 15.7.46 21.2 4.98C498.2 96.14 544 173.7 544 255.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.5L193.7 288.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.34c-6.4-4.52-10.8-11.41-12.1-19.14c-1.4-7.73.4-15.68 5-22.09c4.5-6.41 11.4-10.76 19.1-12.1m-206 447.17c-7.7 1.3-15.6-.5-22.1-5C81.67 415.9 35.84 338.2 35.84 255.1c0-81.4 45.83-158.96 128.96-217.69c5.7-4.01 12.6-5.88 19.6-5.29c6.9.59 13.4 3.6 18.3 8.51L386.1 223.3c5.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.6L179.3 100.7c-54.6 45.2-84.27 99.2-84.27 154.4c0 63.4 36.87 124 103.07 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 576 512"><path fill="currentColor" d="M392.9 32.43c7.7-1.33 15.7.46 21.2 4.98C498.2 96.14 544 173.7 544 255.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.5L193.7 288.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.34c-6.4-4.52-10.8-11.41-12.1-19.14c-1.4-7.73.4-15.68 5-22.09c4.5-6.41 11.4-10.76 19.1-12.1m-206 447.17c-7.7 1.3-15.6-.5-22.1-5C81.67 415.9 35.84 338.2 35.84 255.1c0-81.4 45.83-158.96 128.96-217.69c5.7-4.01 12.6-5.88 19.6-5.29c6.9.59 13.4 3.6 18.3 8.51L386.1 223.3c5.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.6L179.3 100.7c-54.6 45.2-84.27 99.2-84.27 154.4c0 63.4 36.87 124 103.07 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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M392.9%2032.43c7.7-1.33%2015.7.46%2021.2%204.98C498.2%2096.14%20544%20173.7%20544%20255.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.5L193.7%20288.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.34c-6.4-4.52-10.8-11.41-12.1-19.14c-1.4-7.73.4-15.68%205-22.09c4.5-6.41%2011.4-10.76%2019.1-12.1m-206%20447.17c-7.7%201.3-15.6-.5-22.1-5C81.67%20415.9%2035.84%20338.2%2035.84%20255.1c0-81.4%2045.83-158.96%20128.96-217.69c5.7-4.01%2012.6-5.88%2019.6-5.29c6.9.59%2013.4%203.6%2018.3%208.51L386.1%20223.3c5.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.6L179.3%20100.7c-54.6%2045.2-84.27%2099.2-84.27%20154.4c0%2063.4%2036.87%20124%20103.07%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M392.9%2032.43c7.7-1.33%2015.7.46%2021.2%204.98C498.2%2096.14%20544%20173.7%20544%20255.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.5L193.7%20288.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.34c-6.4-4.52-10.8-11.41-12.1-19.14c-1.4-7.73.4-15.68%205-22.09c4.5-6.41%2011.4-10.76%2019.1-12.1m-206%20447.17c-7.7%201.3-15.6-.5-22.1-5C81.67%20415.9%2035.84%20338.2%2035.84%20255.1c0-81.4%2045.83-158.96%20128.96-217.69c5.7-4.01%2012.6-5.88%2019.6-5.29c6.9.59%2013.4%203.6%2018.3%208.51L386.1%20223.3c5.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.6L179.3%20100.7c-54.6%2045.2-84.27%2099.2-84.27%20154.4c0%2063.4%2036.87%20124%20103.07%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/fa6-brands/nfc-symbol.svg?color=%231a73e8&size=48