nfc logo
nfc from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- nfc
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the nfc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.958 1.98C23.895 1 23.143.256 22.145.197c-1.102-.066-4.668-.12-5.693-.12c1.832 1.264 2.082 3.644 2.255 8.066c.101 2.62.01 11.799.002 12.188l-.049 2.504l-9.628-9.63v-3.014l7.656 7.658c.02-1.516.04-3.492.04-5.299c0-1.76-.026-3.354-.076-4.193c-.288-4.819-.737-7.077-3.253-7.962c-.77-.27-1.487-.335-2.683-.351C9.728.032 2.848.037 1.854.091C.8.147.09.914.042 1.9c-.048.977-.064 19.174 0 20.165c.062.98.815 1.724 1.812 1.782c1.102.067 4.668.075 5.694.075c-1.832-1.264-2.083-3.643-2.255-8.066c-.1-2.62-.009-11.8 0-12.188l.047-2.504l9.629 9.63v3.013L7.312 6.152c-.02 1.514-.04 3.49-.04 5.298c0 1.76.026 3.354.077 4.192c.288 4.82.736 7.077 3.252 7.962c.77.271 1.487.337 2.683.352c.987.012 7.868.006 8.861-.047c1.056-.056 1.765-.822 1.813-1.811c.048-.976.064-19.127 0-20.118"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsNfc(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.958 1.98C23.895 1 23.143.256 22.145.197c-1.102-.066-4.668-.12-5.693-.12c1.832 1.264 2.082 3.644 2.255 8.066c.101 2.62.01 11.799.002 12.188l-.049 2.504l-9.628-9.63v-3.014l7.656 7.658c.02-1.516.04-3.492.04-5.299c0-1.76-.026-3.354-.076-4.193c-.288-4.819-.737-7.077-3.253-7.962c-.77-.27-1.487-.335-2.683-.351C9.728.032 2.848.037 1.854.091C.8.147.09.914.042 1.9c-.048.977-.064 19.174 0 20.165c.062.98.815 1.724 1.812 1.782c1.102.067 4.668.075 5.694.075c-1.832-1.264-2.083-3.643-2.255-8.066c-.1-2.62-.009-11.8 0-12.188l.047-2.504l9.629 9.63v3.013L7.312 6.152c-.02 1.514-.04 3.49-.04 5.298c0 1.76.026 3.354.077 4.192c.288 4.82.736 7.077 3.252 7.962c.77.271 1.487.337 2.683.352c.987.012 7.868.006 8.861-.047c1.056-.056 1.765-.822 1.813-1.811c.048-.976.064-19.127 0-20.118"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.958 1.98C23.895 1 23.143.256 22.145.197c-1.102-.066-4.668-.12-5.693-.12c1.832 1.264 2.082 3.644 2.255 8.066c.101 2.62.01 11.799.002 12.188l-.049 2.504l-9.628-9.63v-3.014l7.656 7.658c.02-1.516.04-3.492.04-5.299c0-1.76-.026-3.354-.076-4.193c-.288-4.819-.737-7.077-3.253-7.962c-.77-.27-1.487-.335-2.683-.351C9.728.032 2.848.037 1.854.091C.8.147.09.914.042 1.9c-.048.977-.064 19.174 0 20.165c.062.98.815 1.724 1.812 1.782c1.102.067 4.668.075 5.694.075c-1.832-1.264-2.083-3.643-2.255-8.066c-.1-2.62-.009-11.8 0-12.188l.047-2.504l9.629 9.63v3.013L7.312 6.152c-.02 1.514-.04 3.49-.04 5.298c0 1.76.026 3.354.077 4.192c.288 4.82.736 7.077 3.252 7.962c.77.271 1.487.337 2.683.352c.987.012 7.868.006 8.861-.047c1.056-.056 1.765-.822 1.813-1.811c.048-.976.064-19.127 0-20.118"/></svg> </template>
CSS
.icon-nfc {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.958%201.98C23.895%201%2023.143.256%2022.145.197c-1.102-.066-4.668-.12-5.693-.12c1.832%201.264%202.082%203.644%202.255%208.066c.101%202.62.01%2011.799.002%2012.188l-.049%202.504l-9.628-9.63v-3.014l7.656%207.658c.02-1.516.04-3.492.04-5.299c0-1.76-.026-3.354-.076-4.193c-.288-4.819-.737-7.077-3.253-7.962c-.77-.27-1.487-.335-2.683-.351C9.728.032%202.848.037%201.854.091C.8.147.09.914.042%201.9c-.048.977-.064%2019.174%200%2020.165c.062.98.815%201.724%201.812%201.782c1.102.067%204.668.075%205.694.075c-1.832-1.264-2.083-3.643-2.255-8.066c-.1-2.62-.009-11.8%200-12.188l.047-2.504l9.629%209.63v3.013L7.312%206.152c-.02%201.514-.04%203.49-.04%205.298c0%201.76.026%203.354.077%204.192c.288%204.82.736%207.077%203.252%207.962c.77.271%201.487.337%202.683.352c.987.012%207.868.006%208.861-.047c1.056-.056%201.765-.822%201.813-1.811c.048-.976.064-19.127%200-20.118%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.958%201.98C23.895%201%2023.143.256%2022.145.197c-1.102-.066-4.668-.12-5.693-.12c1.832%201.264%202.082%203.644%202.255%208.066c.101%202.62.01%2011.799.002%2012.188l-.049%202.504l-9.628-9.63v-3.014l7.656%207.658c.02-1.516.04-3.492.04-5.299c0-1.76-.026-3.354-.076-4.193c-.288-4.819-.737-7.077-3.253-7.962c-.77-.27-1.487-.335-2.683-.351C9.728.032%202.848.037%201.854.091C.8.147.09.914.042%201.9c-.048.977-.064%2019.174%200%2020.165c.062.98.815%201.724%201.812%201.782c1.102.067%204.668.075%205.694.075c-1.832-1.264-2.083-3.643-2.255-8.066c-.1-2.62-.009-11.8%200-12.188l.047-2.504l9.629%209.63v3.013L7.312%206.152c-.02%201.514-.04%203.49-.04%205.298c0%201.76.026%203.354.077%204.192c.288%204.82.736%207.077%203.252%207.962c.77.271%201.487.337%202.683.352c.987.012%207.868.006%208.861-.047c1.056-.056%201.765-.822%201.813-1.811c.048-.976.064-19.127%200-20.118%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/nfc.svg?color=%231a73e8&size=48
