Library: Image

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="M5.69725 1.48624C5.19563 1.48624 4.78899 1.89288 4.78899 2.3945V12.3028C4.78899 12.8044 5.19563 13.211 5.69725 13.211H7.8665L12.8474 8.23013C13.3599 7.71768 14.055 7.42975 14.7798 7.42975C15.4149 7.42975 16.0271 7.65077 16.5138 8.05022V2.3945C16.5138 1.89288 16.1071 1.48624 15.6055 1.48624H5.69725ZM18 2.3945C18 1.07205 16.9279 0 15.6055 0H5.69725C4.3748 0 3.30275 1.07205 3.30275 2.3945V12.3028C3.30275 13.6252 4.3748 14.6972 5.69725 14.6972H15.6055C16.9279 14.6972 18 13.6252 18 12.3028V2.3945ZM16.5138 10.1335L15.6614 9.2811C15.4276 9.04732 15.1105 8.91599 14.7798 8.91599C14.4492 8.91599 14.1321 9.04732 13.8983 9.2811L9.96836 13.211H15.6055C16.1071 13.211 16.5138 12.8044 16.5138 12.3028V10.1335ZM0.743119 3.30275C1.15353 3.30275 1.48624 3.63546 1.48624 4.04587V15.6055C1.48624 15.8464 1.58193 16.0774 1.75226 16.2477C1.92259 16.4181 2.15361 16.5138 2.3945 16.5138H13.9541C14.3645 16.5138 14.6972 16.8465 14.6972 17.2569C14.6972 17.6673 14.3645 18 13.9541 18H2.3945C1.75944 18 1.15039 17.7477 0.701331 17.2987C0.252276 16.8496 0 16.2406 0 15.6055V4.04587C0 3.63546 0.332706 3.30275 0.743119 3.30275ZM9 4.78899C8.49838 4.78899 8.09174 5.19563 8.09174 5.69725C8.09174 6.19886 8.49838 6.6055 9 6.6055C9.50162 6.6055 9.90826 6.19886 9.90826 5.69725C9.90826 5.19563 9.50162 4.78899 9 4.78899ZM6.6055 5.69725C6.6055 4.3748 7.67756 3.30275 9 3.30275C10.3224 3.30275 11.3945 4.3748 11.3945 5.69725C11.3945 7.01969 10.3224 8.09174 9 8.09174C7.67756 8.09174 6.6055 7.01969 6.6055 5.69725Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M5.69725 1.48624C5.19563 1.48624 4.78899 1.89288 4.78899 2.3945V12.3028C4.78899 12.8044 5.19563 13.211 5.69725 13.211H7.8665L12.8474 8.23013C13.3599 7.71768 14.055 7.42975 14.7798 7.42975C15.4149 7.42975 16.0271 7.65077 16.5138 8.05022V2.3945C16.5138 1.89288 16.1071 1.48624 15.6055 1.48624H5.69725ZM18 2.3945C18 1.07205 16.9279 0 15.6055 0H5.69725C4.3748 0 3.30275 1.07205 3.30275 2.3945V12.3028C3.30275 13.6252 4.3748 14.6972 5.69725 14.6972H15.6055C16.9279 14.6972 18 13.6252 18 12.3028V2.3945ZM16.5138 10.1335L15.6614 9.2811C15.4276 9.04732 15.1105 8.91599 14.7798 8.91599C14.4492 8.91599 14.1321 9.04732 13.8983 9.2811L9.96836 13.211H15.6055C16.1071 13.211 16.5138 12.8044 16.5138 12.3028V10.1335ZM0.743119 3.30275C1.15353 3.30275 1.48624 3.63546 1.48624 4.04587V15.6055C1.48624 15.8464 1.58193 16.0774 1.75226 16.2477C1.92259 16.4181 2.15361 16.5138 2.3945 16.5138H13.9541C14.3645 16.5138 14.6972 16.8465 14.6972 17.2569C14.6972 17.6673 14.3645 18 13.9541 18H2.3945C1.75944 18 1.15039 17.7477 0.701331 17.2987C0.252276 16.8496 0 16.2406 0 15.6055V4.04587C0 3.63546 0.332706 3.30275 0.743119 3.30275ZM9 4.78899C8.49838 4.78899 8.09174 5.19563 8.09174 5.69725C8.09174 6.19886 8.49838 6.6055 9 6.6055C9.50162 6.6055 9.90826 6.19886 9.90826 5.69725C9.90826 5.19563 9.50162 4.78899 9 4.78899ZM6.6055 5.69725C6.6055 4.3748 7.67756 3.30275 9 3.30275C10.3224 3.30275 11.3945 4.3748 11.3945 5.69725C11.3945 7.01969 10.3224 8.09174 9 8.09174C7.67756 8.09174 6.6055 7.01969 6.6055 5.69725Z"
}

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