No Credit Card Icon SVG
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" fill="white"></path> <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="white" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </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" fill="red"></path> <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="red" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </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" fill="blue"></path> <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="blue" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </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" fill="#f3da35"></path> <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="#f3da35" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M14 9H22V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit no credit card as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements