Library: Checklist

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="M8.53033 4.13633C8.82322 4.42922 8.82322 4.90409 8.53033 5.19699L5.86366 7.86365C5.72301 8.00431 5.53225 8.08332 5.33333 8.08332C5.13442 8.08332 4.94366 8.00431 4.803 7.86365L3.46967 6.53032C3.17678 6.23743 3.17678 5.76255 3.46967 5.46966C3.76256 5.17677 4.23744 5.17677 4.53033 5.46966L5.33333 6.27266L7.46967 4.13633C7.76256 3.84343 8.23744 3.84343 8.53033 4.13633ZM10.25 6C10.25 5.58579 10.5858 5.25 11 5.25H19C19.4142 5.25 19.75 5.58579 19.75 6C19.75 6.41421 19.4142 6.75 19 6.75H11C10.5858 6.75 10.25 6.41421 10.25 6ZM8.53033 10.1363C8.82322 10.4292 8.82322 10.9041 8.53033 11.197L5.86366 13.8637C5.72301 14.0043 5.53225 14.0833 5.33333 14.0833C5.13442 14.0833 4.94366 14.0043 4.803 13.8637L3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697C3.76256 11.1768 4.23744 11.1768 4.53033 11.4697L5.33333 12.2727L7.46967 10.1363C7.76256 9.84343 8.23744 9.84343 8.53033 10.1363ZM10.25 12C10.25 11.5858 10.5858 11.25 11 11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H11C10.5858 12.75 10.25 12.4142 10.25 12ZM8.53033 16.1363C8.82322 16.4292 8.82322 16.9041 8.53033 17.197L5.86366 19.8637C5.72301 20.0043 5.53225 20.0833 5.33333 20.0833C5.13442 20.0833 4.94366 20.0043 4.803 19.8637L3.46967 18.5303C3.17678 18.2374 3.17678 17.7626 3.46967 17.4697C3.76256 17.1768 4.23744 17.1768 4.53033 17.4697L5.33333 18.2727L7.46967 16.1363C7.76256 15.8434 8.23744 15.8434 8.53033 16.1363ZM10.25 18C10.25 17.5858 10.5858 17.25 11 17.25H19C19.4142 17.25 19.75 17.5858 19.75 18C19.75 18.4142 19.4142 18.75 19 18.75H11C10.5858 18.75 10.25 18.4142 10.25 18Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M8.53033 4.13633C8.82322 4.42922 8.82322 4.90409 8.53033 5.19699L5.86366 7.86365C5.72301 8.00431 5.53225 8.08332 5.33333 8.08332C5.13442 8.08332 4.94366 8.00431 4.803 7.86365L3.46967 6.53032C3.17678 6.23743 3.17678 5.76255 3.46967 5.46966C3.76256 5.17677 4.23744 5.17677 4.53033 5.46966L5.33333 6.27266L7.46967 4.13633C7.76256 3.84343 8.23744 3.84343 8.53033 4.13633ZM10.25 6C10.25 5.58579 10.5858 5.25 11 5.25H19C19.4142 5.25 19.75 5.58579 19.75 6C19.75 6.41421 19.4142 6.75 19 6.75H11C10.5858 6.75 10.25 6.41421 10.25 6ZM8.53033 10.1363C8.82322 10.4292 8.82322 10.9041 8.53033 11.197L5.86366 13.8637C5.72301 14.0043 5.53225 14.0833 5.33333 14.0833C5.13442 14.0833 4.94366 14.0043 4.803 13.8637L3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697C3.76256 11.1768 4.23744 11.1768 4.53033 11.4697L5.33333 12.2727L7.46967 10.1363C7.76256 9.84343 8.23744 9.84343 8.53033 10.1363ZM10.25 12C10.25 11.5858 10.5858 11.25 11 11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H11C10.5858 12.75 10.25 12.4142 10.25 12ZM8.53033 16.1363C8.82322 16.4292 8.82322 16.9041 8.53033 17.197L5.86366 19.8637C5.72301 20.0043 5.53225 20.0833 5.33333 20.0833C5.13442 20.0833 4.94366 20.0043 4.803 19.8637L3.46967 18.5303C3.17678 18.2374 3.17678 17.7626 3.46967 17.4697C3.76256 17.1768 4.23744 17.1768 4.53033 17.4697L5.33333 18.2727L7.46967 16.1363C7.76256 15.8434 8.23744 15.8434 8.53033 16.1363ZM10.25 18C10.25 17.5858 10.5858 17.25 11 17.25H19C19.4142 17.25 19.75 17.5858 19.75 18C19.75 18.4142 19.4142 18.75 19 18.75H11C10.5858 18.75 10.25 18.4142 10.25 18Z"
}

Handle: @icons-library--checklist
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