Library: Chat

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.45003 9.5C4.45003 10.7252 4.85255 11.8614 5.54295 12.797C5.76865 13.1029 5.72984 13.5293 5.45261 13.7893L3.89565 15.25H7.21426H8.21072H12.1999C14.0842 15.25 15.7536 14.435 16.8587 13.1677C17.7297 12.168 18.25 10.8863 18.25 9.5C18.25 6.35589 15.5736 3.75 12.2 3.75H10.5C7.12645 3.75 4.45003 6.35589 4.45003 9.5ZM7.67403 16.75H2.00003C1.69232 16.75 1.41583 16.562 1.30263 16.2759C1.18942 15.9898 1.26247 15.6636 1.48688 15.453L3.96308 13.13C3.31982 12.0637 2.95003 10.8235 2.95003 9.5C2.95003 5.4644 6.36253 2.25 10.5 2.25H12.2C16.3375 2.25 19.75 5.4644 19.75 9.5C19.75 9.77136 19.7346 10.039 19.7046 10.3022C20.7251 11.4097 21.3499 12.8826 21.3499 14.5C21.3499 15.6085 21.0562 16.6503 20.542 17.5529L22.5204 19.46L23.8587 20.75H21.9999H13.5999C10.9048 20.75 8.59372 19.0955 7.67403 16.75ZM9.32741 16.75C10.1446 18.2347 11.7478 19.25 13.5999 19.25H20.1412L19.0587 18.2066L18.5915 17.7562L18.97 17.2291C19.5251 16.4562 19.8499 15.5159 19.8499 14.5C19.8499 13.652 19.6234 12.8555 19.2248 12.1653C18.874 13.0177 18.36 13.7892 17.721 14.4458C16.3385 15.8675 14.3701 16.75 12.1999 16.75H9.32741Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M4.45003 9.5C4.45003 10.7252 4.85255 11.8614 5.54295 12.797C5.76865 13.1029 5.72984 13.5293 5.45261 13.7893L3.89565 15.25H7.21426H8.21072H12.1999C14.0842 15.25 15.7536 14.435 16.8587 13.1677C17.7297 12.168 18.25 10.8863 18.25 9.5C18.25 6.35589 15.5736 3.75 12.2 3.75H10.5C7.12645 3.75 4.45003 6.35589 4.45003 9.5ZM7.67403 16.75H2.00003C1.69232 16.75 1.41583 16.562 1.30263 16.2759C1.18942 15.9898 1.26247 15.6636 1.48688 15.453L3.96308 13.13C3.31982 12.0637 2.95003 10.8235 2.95003 9.5C2.95003 5.4644 6.36253 2.25 10.5 2.25H12.2C16.3375 2.25 19.75 5.4644 19.75 9.5C19.75 9.77136 19.7346 10.039 19.7046 10.3022C20.7251 11.4097 21.3499 12.8826 21.3499 14.5C21.3499 15.6085 21.0562 16.6503 20.542 17.5529L22.5204 19.46L23.8587 20.75H21.9999H13.5999C10.9048 20.75 8.59372 19.0955 7.67403 16.75ZM9.32741 16.75C10.1446 18.2347 11.7478 19.25 13.5999 19.25H20.1412L19.0587 18.2066L18.5915 17.7562L18.97 17.2291C19.5251 16.4562 19.8499 15.5159 19.8499 14.5C19.8499 13.652 19.6234 12.8555 19.2248 12.1653C18.874 13.0177 18.36 13.7892 17.721 14.4458C16.3385 15.8675 14.3701 16.75 12.1999 16.75H9.32741Z"
}

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