No Credit Card Icon SVG
Icon No credit card SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
No credit card Icon Svg Code | Path | Download
Download free No Credit Card SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the No Credit Card Icon SVG code in HTML/Css from below.
No Credit Card
No credit card SVG Icon Code | Customize color
You can get svg icon no credit card in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit no credit card as below. Change size color and background color of icon using below tool.
Advertisements
No Credit Card Icon SVG - Faq(s)?
⭐Can I get Free No Credit Card Icon SVG?Yes, you can get free No Credit Card SVG icons.
⭐ How to download free No Credit Card Icon SVG code?To download free No Credit Card icons in SVG code click on the copy code button.
⭐How to find the No Credit Card Icon SVG path file?You can get the No Credit Card SVG file path from the above section.
⭐ What are the colors available for SVG No Credit Card Icon?You can check the No Credit Card SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements