payment wireless icon

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

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

11 other variants in Fluent UI System Icons

payment-wireless-16-filledpayment-wireless-16-regularpayment-wireless-20-filledpayment-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 20 20"><path fill="currentColor" d="M3 10a7 7 0 1 1 14 0a7 7 0 0 1-14 0m7-8a8 8 0 1 0 0 16a8 8 0 0 0 0-16m-.637 4.145a.514.514 0 0 0-.715 0a.487.487 0 0 0 0 .699a4.397 4.397 0 0 1 0 6.316a.487.487 0 0 0 0 .699a.514.514 0 0 0 .715 0a5.37 5.37 0 0 0 0-7.714M6.145 7.148a.486.486 0 0 1 .698 0c1.538 1.575 1.538 4.128 0 5.702a.486.486 0 0 1-.698 0a.515.515 0 0 1 0-.715a3.07 3.07 0 0 0 0-4.271a.515.515 0 0 1 0-.716m5.73-2.005a.533.533 0 0 0-.725 0a.47.47 0 0 0 0 .688c2.427 2.302 2.427 6.035 0 8.337c-.2.19-.2.498 0 .689s.525.19.726 0c2.827-2.683 2.827-7.032 0-9.714"/></svg>

React

import type { SVGProps } from "react";

export function FluentPaymentWireless20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3 10a7 7 0 1 1 14 0a7 7 0 0 1-14 0m7-8a8 8 0 1 0 0 16a8 8 0 0 0 0-16m-.637 4.145a.514.514 0 0 0-.715 0a.487.487 0 0 0 0 .699a4.397 4.397 0 0 1 0 6.316a.487.487 0 0 0 0 .699a.514.514 0 0 0 .715 0a5.37 5.37 0 0 0 0-7.714M6.145 7.148a.486.486 0 0 1 .698 0c1.538 1.575 1.538 4.128 0 5.702a.486.486 0 0 1-.698 0a.515.515 0 0 1 0-.715a3.07 3.07 0 0 0 0-4.271a.515.515 0 0 1 0-.716m5.73-2.005a.533.533 0 0 0-.725 0a.47.47 0 0 0 0 .688c2.427 2.302 2.427 6.035 0 8.337c-.2.19-.2.498 0 .689s.525.19.726 0c2.827-2.683 2.827-7.032 0-9.714"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3 10a7 7 0 1 1 14 0a7 7 0 0 1-14 0m7-8a8 8 0 1 0 0 16a8 8 0 0 0 0-16m-.637 4.145a.514.514 0 0 0-.715 0a.487.487 0 0 0 0 .699a4.397 4.397 0 0 1 0 6.316a.487.487 0 0 0 0 .699a.514.514 0 0 0 .715 0a5.37 5.37 0 0 0 0-7.714M6.145 7.148a.486.486 0 0 1 .698 0c1.538 1.575 1.538 4.128 0 5.702a.486.486 0 0 1-.698 0a.515.515 0 0 1 0-.715a3.07 3.07 0 0 0 0-4.271a.515.515 0 0 1 0-.716m5.73-2.005a.533.533 0 0 0-.725 0a.47.47 0 0 0 0 .688c2.427 2.302 2.427 6.035 0 8.337c-.2.19-.2.498 0 .689s.525.19.726 0c2.827-2.683 2.827-7.032 0-9.714"/></svg>
</template>

CSS

.icon-payment-wireless-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2010a7%207%200%201%201%2014%200a7%207%200%200%201-14%200m7-8a8%208%200%201%200%200%2016a8%208%200%200%200%200-16m-.637%204.145a.514.514%200%200%200-.715%200a.487.487%200%200%200%200%20.699a4.397%204.397%200%200%201%200%206.316a.487.487%200%200%200%200%20.699a.514.514%200%200%200%20.715%200a5.37%205.37%200%200%200%200-7.714M6.145%207.148a.486.486%200%200%201%20.698%200c1.538%201.575%201.538%204.128%200%205.702a.486.486%200%200%201-.698%200a.515.515%200%200%201%200-.715a3.07%203.07%200%200%200%200-4.271a.515.515%200%200%201%200-.716m5.73-2.005a.533.533%200%200%200-.725%200a.47.47%200%200%200%200%20.688c2.427%202.302%202.427%206.035%200%208.337c-.2.19-.2.498%200%20.689s.525.19.726%200c2.827-2.683%202.827-7.032%200-9.714%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2010a7%207%200%201%201%2014%200a7%207%200%200%201-14%200m7-8a8%208%200%201%200%200%2016a8%208%200%200%200%200-16m-.637%204.145a.514.514%200%200%200-.715%200a.487.487%200%200%200%200%20.699a4.397%204.397%200%200%201%200%206.316a.487.487%200%200%200%200%20.699a.514.514%200%200%200%20.715%200a5.37%205.37%200%200%200%200-7.714M6.145%207.148a.486.486%200%200%201%20.698%200c1.538%201.575%201.538%204.128%200%205.702a.486.486%200%200%201-.698%200a.515.515%200%200%201%200-.715a3.07%203.07%200%200%200%200-4.271a.515.515%200%200%201%200-.716m5.73-2.005a.533.533%200%200%200-.725%200a.47.47%200%200%200%200%20.688c2.427%202.302%202.427%206.035%200%208.337c-.2.19-.2.498%200%20.689s.525.19.726%200c2.827-2.683%202.827-7.032%200-9.714%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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