payment wireless icon

payment-wireless-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.

Name
payment-wireless-16-regular
Set
Fluent UI System Icons
Style
16 Regular
Viewbox
16×16
License
MIT

11 other variants in Fluent UI System Icons

payment-wireless-16-filledpayment-wireless-20-filledpayment-wireless-20-regularpayment-wireless-24-filledpayment-wireless-24-regularpayment-wireless-28-filledpayment-wireless-28-regularpayment-wireless-32-filledpayment-wireless-32-regularpayment-wireless-48-filledpayment-wireless-48-regular

Use the payment wireless icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8m6-7a7 7 0 1 0 0 14A7 7 0 0 0 8 1m1.864 3.144a.516.516 0 0 0-.716 0a.485.485 0 0 0 0 .698a4.386 4.386 0 0 1 0 6.316a.485.485 0 0 0 0 .698a.516.516 0 0 0 .716 0a5.355 5.355 0 0 0 0-7.712m-2.02 1.004a.486.486 0 0 0-.7 0a.515.515 0 0 0 0 .716a3.07 3.07 0 0 1 0 4.27a.515.515 0 0 0 0 .716a.486.486 0 0 0 .7 0c1.536-1.575 1.536-4.127 0-5.702M5.138 6.153a.444.444 0 0 1 .671 0c.925 1.02.925 2.674 0 3.694a.444.444 0 0 1-.67 0a.56.56 0 0 1 0-.741a1.68 1.68 0 0 0 0-2.212a.56.56 0 0 1 0-.741"/></svg>

React

import type { SVGProps } from "react";

export function FluentPaymentWireless16Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8m6-7a7 7 0 1 0 0 14A7 7 0 0 0 8 1m1.864 3.144a.516.516 0 0 0-.716 0a.485.485 0 0 0 0 .698a4.386 4.386 0 0 1 0 6.316a.485.485 0 0 0 0 .698a.516.516 0 0 0 .716 0a5.355 5.355 0 0 0 0-7.712m-2.02 1.004a.486.486 0 0 0-.7 0a.515.515 0 0 0 0 .716a3.07 3.07 0 0 1 0 4.27a.515.515 0 0 0 0 .716a.486.486 0 0 0 .7 0c1.536-1.575 1.536-4.127 0-5.702M5.138 6.153a.444.444 0 0 1 .671 0c.925 1.02.925 2.674 0 3.694a.444.444 0 0 1-.67 0a.56.56 0 0 1 0-.741a1.68 1.68 0 0 0 0-2.212a.56.56 0 0 1 0-.741"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8m6-7a7 7 0 1 0 0 14A7 7 0 0 0 8 1m1.864 3.144a.516.516 0 0 0-.716 0a.485.485 0 0 0 0 .698a4.386 4.386 0 0 1 0 6.316a.485.485 0 0 0 0 .698a.516.516 0 0 0 .716 0a5.355 5.355 0 0 0 0-7.712m-2.02 1.004a.486.486 0 0 0-.7 0a.515.515 0 0 0 0 .716a3.07 3.07 0 0 1 0 4.27a.515.515 0 0 0 0 .716a.486.486 0 0 0 .7 0c1.536-1.575 1.536-4.127 0-5.702M5.138 6.153a.444.444 0 0 1 .671 0c.925 1.02.925 2.674 0 3.694a.444.444 0 0 1-.67 0a.56.56 0 0 1 0-.741a1.68 1.68 0 0 0 0-2.212a.56.56 0 0 1 0-.741"/></svg>
</template>

CSS

.icon-payment-wireless-16-regular {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%208a6%206%200%201%201%2012%200A6%206%200%200%201%202%208m6-7a7%207%200%201%200%200%2014A7%207%200%200%200%208%201m1.864%203.144a.516.516%200%200%200-.716%200a.485.485%200%200%200%200%20.698a4.386%204.386%200%200%201%200%206.316a.485.485%200%200%200%200%20.698a.516.516%200%200%200%20.716%200a5.355%205.355%200%200%200%200-7.712m-2.02%201.004a.486.486%200%200%200-.7%200a.515.515%200%200%200%200%20.716a3.07%203.07%200%200%201%200%204.27a.515.515%200%200%200%200%20.716a.486.486%200%200%200%20.7%200c1.536-1.575%201.536-4.127%200-5.702M5.138%206.153a.444.444%200%200%201%20.671%200c.925%201.02.925%202.674%200%203.694a.444.444%200%200%201-.67%200a.56.56%200%200%201%200-.741a1.68%201.68%200%200%200%200-2.212a.56.56%200%200%201%200-.741%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%208a6%206%200%201%201%2012%200A6%206%200%200%201%202%208m6-7a7%207%200%201%200%200%2014A7%207%200%200%200%208%201m1.864%203.144a.516.516%200%200%200-.716%200a.485.485%200%200%200%200%20.698a4.386%204.386%200%200%201%200%206.316a.485.485%200%200%200%200%20.698a.516.516%200%200%200%20.716%200a5.355%205.355%200%200%200%200-7.712m-2.02%201.004a.486.486%200%200%200-.7%200a.515.515%200%200%200%200%20.716a3.07%203.07%200%200%201%200%204.27a.515.515%200%200%200%200%20.716a.486.486%200%200%200%20.7%200c1.536-1.575%201.536-4.127%200-5.702M5.138%206.153a.444.444%200%200%201%20.671%200c.925%201.02.925%202.674%200%203.694a.444.444%200%200%201-.67%200a.56.56%200%200%201%200-.741a1.68%201.68%200%200%200%200-2.212a.56.56%200%200%201%200-.741%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/payment-wireless-16-regular.svg?color=%231a73e8&size=48