Credit_card_alt Icon SVG
Credit_card_alt
Credit_card_alt SVG Icon Code | Customize color
You can get svg icon credit_card_alt in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20ZM4 6V18H20V6H4ZM15.5 16C14.1193 16 13 14.8807 13 13.5C13 12.1193 14.1193 11 15.5 11C16.8807 11 18 12.1193 18 13.5C18 14.163 17.7366 14.7989 17.2678 15.2678C16.7989 15.7366 16.163 16 15.5 16ZM11.5 16C10.1193 16 9 14.8807 9 13.5C9 12.1193 10.1193 11 11.5 11C12.0428 11.0004 12.5702 11.1805 13 11.512C12.3713 11.9791 12.0006 12.7162 12.0006 13.4995C12.0006 14.2828 12.3713 15.0199 13 15.487C12.5703 15.8189 12.0429 15.9993 11.5 16Z" fill="black"/> </svg>
Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20ZM4 6V18H20V6H4ZM15.5 16C14.1193 16 13 14.8807 13 13.5C13 12.1193 14.1193 11 15.5 11C16.8807 11 18 12.1193 18 13.5C18 14.163 17.7366 14.7989 17.2678 15.2678C16.7989 15.7366 16.163 16 15.5 16ZM11.5 16C10.1193 16 9 14.8807 9 13.5C9 12.1193 10.1193 11 11.5 11C12.0428 11.0004 12.5702 11.1805 13 11.512C12.3713 11.9791 12.0006 12.7162 12.0006 13.4995C12.0006 14.2828 12.3713 15.0199 13 15.487C12.5703 15.8189 12.0429 15.9993 11.5 16Z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20ZM4 6V18H20V6H4ZM15.5 16C14.1193 16 13 14.8807 13 13.5C13 12.1193 14.1193 11 15.5 11C16.8807 11 18 12.1193 18 13.5C18 14.163 17.7366 14.7989 17.2678 15.2678C16.7989 15.7366 16.163 16 15.5 16ZM11.5 16C10.1193 16 9 14.8807 9 13.5C9 12.1193 10.1193 11 11.5 11C12.0428 11.0004 12.5702 11.1805 13 11.512C12.3713 11.9791 12.0006 12.7162 12.0006 13.4995C12.0006 14.2828 12.3713 15.0199 13 15.487C12.5703 15.8189 12.0429 15.9993 11.5 16Z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20ZM4 6V18H20V6H4ZM15.5 16C14.1193 16 13 14.8807 13 13.5C13 12.1193 14.1193 11 15.5 11C16.8807 11 18 12.1193 18 13.5C18 14.163 17.7366 14.7989 17.2678 15.2678C16.7989 15.7366 16.163 16 15.5 16ZM11.5 16C10.1193 16 9 14.8807 9 13.5C9 12.1193 10.1193 11 11.5 11C12.0428 11.0004 12.5702 11.1805 13 11.512C12.3713 11.9791 12.0006 12.7162 12.0006 13.4995C12.0006 14.2828 12.3713 15.0199 13 15.487C12.5703 15.8189 12.0429 15.9993 11.5 16Z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20ZM4 6V18H20V6H4ZM15.5 16C14.1193 16 13 14.8807 13 13.5C13 12.1193 14.1193 11 15.5 11C16.8807 11 18 12.1193 18 13.5C18 14.163 17.7366 14.7989 17.2678 15.2678C16.7989 15.7366 16.163 16 15.5 16ZM11.5 16C10.1193 16 9 14.8807 9 13.5C9 12.1193 10.1193 11 11.5 11C12.0428 11.0004 12.5702 11.1805 13 11.512C12.3713 11.9791 12.0006 12.7162 12.0006 13.4995C12.0006 14.2828 12.3713 15.0199 13 15.487C12.5703 15.8189 12.0429 15.9993 11.5 16Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit credit_card_alt as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements