Home/Libraries/Line Awesome (Iconify)/cc-mastercard

Line Awesome (Iconify)

CcMastercard

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M5 6C3.355 6 2 7.355 2 9v14c0 1.645 1.355 3 3 3h22c1.645 0 3-1.355 3-3V9c0-1.645-1.355-3-3-3zm0 2h22c.566 0 1 .434 1 1v14c0 .566-.434 1-1 1H5c-.566 0-1-.434-1-1V9c0-.566.434-1 1-1m7 1c-3.855 0-7 3.145-7 7s3.145 7 7 7a6.93 6.93 0 0 0 4-1.25A6.94 6.94 0 0 0 20 23c3.855 0 7-3.145 7-7s-3.145-7-7-7a6.94 6.94 0 0 0-4 1.25A6.93 6.93 0 0 0 12 9m0 2c1.281 0 2.43.496 3.313 1.281a5.9 5.9 0 0 0-.97 1.719h2.22c.14.32.273.652.343 1h-2.812A6 6 0 0 0 14 16c0 .344.04.676.094 1h2.812c-.07.348-.203.68-.343 1h-2.22c.223.629.56 1.207.97 1.719C14.43 20.504 13.28 21 12 21c-2.773 0-5-2.227-5-5s2.227-5 5-5m8 0c2.773 0 5 2.227 5 5s-2.227 5-5 5a4.95 4.95 0 0 1-2.5-.688A6.92 6.92 0 0 0 19 16a6.92 6.92 0 0 0-1.5-4.313A4.95 4.95 0 0 1 20 11"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CcMastercardIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.