payment wireless icon

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

Name: payment-wireless-16-filled
Set: Fluent UI System Icons
Style: 16 Filled
Viewbox: 16×16
License: MIT

11 other variants in Fluent UI System Icons

payment-wireless-16-regular payment-wireless-20-filled payment-wireless-20-regular payment-wireless-24-filled payment-wireless-24-regular payment-wireless-28-filled payment-wireless-28-regular payment-wireless-32-filled payment-wireless-32-regular payment-wireless-48-filled payment-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="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8m8.864-3.856a.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.56.56 0 0 0 0 .741c.553.61.553 1.601 0 2.212a.56.56 0 0 0 0 .74a.444.444 0 0 0 .671 0c.925-1.02.925-2.673 0-3.693a.444.444 0 0 0-.67 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentPaymentWireless16Filled(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="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8m8.864-3.856a.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.56.56 0 0 0 0 .741c.553.61.553 1.601 0 2.212a.56.56 0 0 0 0 .74a.444.444 0 0 0 .671 0c.925-1.02.925-2.673 0-3.693a.444.444 0 0 0-.67 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8m8.864-3.856a.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.56.56 0 0 0 0 .741c.553.61.553 1.601 0 2.212a.56.56 0 0 0 0 .74a.444.444 0 0 0 .671 0c.925-1.02.925-2.673 0-3.693a.444.444 0 0 0-.67 0"/></svg>
</template>

CSS

.icon-payment-wireless-16-filled {
  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%22M1%208a7%207%200%201%201%2014%200A7%207%200%200%201%201%208m8.864-3.856a.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.56.56%200%200%200%200%20.741c.553.61.553%201.601%200%202.212a.56.56%200%200%200%200%20.74a.444.444%200%200%200%20.671%200c.925-1.02.925-2.673%200-3.693a.444.444%200%200%200-.67%200%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%22M1%208a7%207%200%201%201%2014%200A7%207%200%200%201%201%208m8.864-3.856a.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.56.56%200%200%200%200%20.741c.553.61.553%201.601%200%202.212a.56.56%200%200%200%200%20.74a.444.444%200%200%200%20.671%200c.925-1.02.925-2.673%200-3.693a.444.444%200%200%200-.67%200%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-filled.svg?color=%231a73e8&size=48