Library: Credit Card

Ready

HTML
View
Context
Info
Notes


        
        <svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M4 5.75H20C20.1381 5.75 20.25 5.86193 20.25 6V7.25H3.75V6C3.75 5.86193 3.86193 5.75 4 5.75ZM21.75 6C21.75 5.0335 20.9665 4.25 20 4.25H4C3.0335 4.25 2.25 5.0335 2.25 6V18C2.25 18.9665 3.0335 19.75 4 19.75H20C20.9665 19.75 21.75 18.9665 21.75 18V6ZM20.25 10.25H3.75V8.75H20.25V10.25ZM3.75 11.75H20.25V18C20.25 18.1381 20.1381 18.25 20 18.25H4C3.86193 18.25 3.75 18.1381 3.75 18V11.75ZM5.25 14C5.25 14.4142 5.58579 14.75 6 14.75H10C10.4142 14.75 10.75 14.4142 10.75 14C10.75 13.5858 10.4142 13.25 10 13.25H6C5.58579 13.25 5.25 13.5858 5.25 14ZM5.25 16C5.25 16.4142 5.58579 16.75 6 16.75H14C14.4142 16.75 14.75 16.4142 14.75 16C14.75 15.5858 14.4142 15.25 14 15.25H6C5.58579 15.25 5.25 15.5858 5.25 16Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M4 5.75H20C20.1381 5.75 20.25 5.86193 20.25 6V7.25H3.75V6C3.75 5.86193 3.86193 5.75 4 5.75ZM21.75 6C21.75 5.0335 20.9665 4.25 20 4.25H4C3.0335 4.25 2.25 5.0335 2.25 6V18C2.25 18.9665 3.0335 19.75 4 19.75H20C20.9665 19.75 21.75 18.9665 21.75 18V6ZM20.25 10.25H3.75V8.75H20.25V10.25ZM3.75 11.75H20.25V18C20.25 18.1381 20.1381 18.25 20 18.25H4C3.86193 18.25 3.75 18.1381 3.75 18V11.75ZM5.25 14C5.25 14.4142 5.58579 14.75 6 14.75H10C10.4142 14.75 10.75 14.4142 10.75 14C10.75 13.5858 10.4142 13.25 10 13.25H6C5.58579 13.25 5.25 13.5858 5.25 14ZM5.25 16C5.25 16.4142 5.58579 16.75 6 16.75H14C14.4142 16.75 14.75 16.4142 14.75 16C14.75 15.5858 14.4142 15.25 14 15.25H6C5.58579 15.25 5.25 15.5858 5.25 16Z"
}

Handle: @icons-library--credit-card
Variants (132): 3D , Arrow Backward , Arrow Double , Arrow Down , Arrow Forward , Arrow Left , Arrow Right , Arrow Up , Bag , Bubble , Burger Menu , Business , Calendar , Call , Camera , Care , Chat , Check Circle Fill , Check Circle Outline , Check Fill , Check Outline , Checklist , Chevron Bottom , Chevron Left , Chevron Up , Close Circle Fill , Close Fill , Chevron Right , Close Circle Outline , Close Outline , Cloud Download , Cloud Upload , Color Outline , Collection Outline , Compare Outline , Delete Text , Credit Card , Delivery Fast , Delete , Delivery Car , Delivery , Device Desktop , Device Smartphone , Devis , Dots , Ear Off , Edit , Ear , Euro , Eyes Close Fill , Eyes Open Fill , Eyes Open Outline , Eyes Close Outline , Gift , Filter Fill , Filter Outline , Glass , Health Security , Home Outline , Grid , Home Fill , Help , Information Circle Fill , Information Circle Outline , Left Profil , Like Fill , Like Outline , List , Local Download , Local Upload , Locate Fixed , Locate , Lock Closed , Lock Openned , Mail Outline , Mandat Outline , Map Cluster Logo , Map Fill , Map Outline , Minus , Notification Off , Notification On Fill , Notification On Outline , Open Quote Fill , Open Quote Outline , Pause , Play Fill , Play Outline , Plus Outline , Print Outline , Quote , Resize , Ribon , Return , Row , Scale Downsize , Scale Maximize , Scale Minximize , Scale Upsize , Scroll Up Fill , Scroll Up Outline , Search Outline , Settings 1 , Settings 2 , Settings 3 , Sign Out , Size , Slash , Sort Az , Sort , Star Fill , Star Outline , Store , Tools , Trend , User Outline , User Team , Virement , Warning Circle Fill , Warning Circle Outline , World , Zoom In , Zoom Out , Clock , Navigation , Image , Translate , Contact Lenses , Accessibility , Parking , Vision Test , Maps
Preview:
- With layout
- Component only
Filesystem Path: src/components/atoms/icons/icons-library/icons-library.twig
References (1): @template-icon

Library icons guide

How to use

(You can click on the icons to copy the correct icon name)

Template name

icons-library

Import

{% render "@icons-library--variant" with {...} %}

Examples

{% render "@icons-library--help" %}

Available props

viewBox: string | default: 0 0 48 24
iconClass: string | default: null
size: 12, 16, 24, 32, 40, 48, 64, 92 | default: 24
path: string | default: svg path d attribute