Payment Wireless icon
Used in purchase funnels and payment options. Other options include Money, Wallet, Wallet Credit Card. The Payment Wireless icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Payment Wireless icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { PaymentWireless24Regular, PaymentWireless24Filled } from "@fluentui/react-icons";
export function Example() {
return <PaymentWireless24Regular aria-label="Payment Wireless" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_payment_wireless_24_regular.svg" width="24" height="24" alt="Payment Wireless"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM14.3431 6.20835C14.0358 5.93055 13.5377 5.93055 13.2304 6.20835C12.9232 6.48616 12.9232 6.93657 13.2304 7.21437C16.1534 9.8573 16.1534 14.1423 13.2304 16.7853C12.9232 17.0631 12.9232 17.5135 13.2304 17.7913C13.5377 18.0691 14.0358 18.0691 14.3431 17.7913C17.8805 14.5928 17.8805 9.40689 14.3431 6.20835ZM10.2173 7.72201C10.507 7.426 10.9768 7.426 11.2665 7.72201C13.5798 10.0854 13.5798 13.9172 11.2665 16.2805C10.9768 16.5766 10.507 16.5766 10.2173 16.2805C9.92757 15.9845 9.92757 15.5046 10.2173 15.2086C11.9511 13.4372 11.9511 10.5653 10.2173 8.79397C9.92757 8.49796 9.92757 8.01802 10.2173 7.72201ZM8.30237 9.21582C8.00444 8.92806 7.52139 8.92806 7.22345 9.21582C6.92552 9.50358 6.92552 9.97014 7.22345 10.2579C8.2194 11.2198 8.2194 12.7795 7.22345 13.7414C6.92552 14.0292 6.92552 14.4957 7.22345 14.7835C7.52139 15.0713 8.00444 15.0713 8.30237 14.7835C9.8942 13.246 9.8942 10.7533 8.30237 9.21582Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/payment_wireless_24_regular.svg";Details
| Name | Payment Wireless |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_payment_wireless_24_regular.svg |
| Filled file | ic_fluent_payment_wireless_24_filled.svg |
| React components | PaymentWireless24Regular, PaymentWireless24Filled |
| License | MIT (© Microsoft Corporation) |