Library: Help

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="M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12.3004 7.77791C11.7767 7.68808 11.2381 7.78649 10.78 8.05572C10.3219 8.32495 9.97383 8.74762 9.7975 9.24887C9.66004 9.63961 9.23186 9.84494 8.84111 9.70749C8.45037 9.57004 8.24504 9.14185 8.3825 8.75111C8.67638 7.91569 9.25644 7.21124 10.0199 6.76252C10.7834 6.31381 11.6811 6.14978 12.554 6.2995C13.4268 6.44921 14.2185 6.90301 14.7888 7.58052C15.359 8.25785 15.6712 9.11509 15.67 10.0005C15.6698 11.3983 14.6312 12.3439 13.836 12.874C13.4155 13.1543 13.0004 13.3614 12.6933 13.4978C12.5182 13.5757 12.3405 13.6479 12.1594 13.7108L12.1581 13.7112C11.7651 13.8422 11.3395 13.6301 11.2085 13.2372C11.0776 12.8446 11.2895 12.4203 11.6817 12.2889L11.6846 12.2879C11.8201 12.2404 11.953 12.1854 12.0841 12.1271C12.3396 12.0136 12.6744 11.8456 13.004 11.626C13.7087 11.1562 14.17 10.6018 14.17 9.99999V9.99887C14.1708 9.46751 13.9835 8.95302 13.6413 8.54652C13.2991 8.14002 12.8241 7.86774 12.3004 7.77791ZM12 16.25C11.5858 16.25 11.25 16.5858 11.25 17C11.25 17.4142 11.5858 17.75 12 17.75H12.01C12.4242 17.75 12.76 17.4142 12.76 17C12.76 16.5858 12.4242 16.25 12.01 16.25H12Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12.3004 7.77791C11.7767 7.68808 11.2381 7.78649 10.78 8.05572C10.3219 8.32495 9.97383 8.74762 9.7975 9.24887C9.66004 9.63961 9.23186 9.84494 8.84111 9.70749C8.45037 9.57004 8.24504 9.14185 8.3825 8.75111C8.67638 7.91569 9.25644 7.21124 10.0199 6.76252C10.7834 6.31381 11.6811 6.14978 12.554 6.2995C13.4268 6.44921 14.2185 6.90301 14.7888 7.58052C15.359 8.25785 15.6712 9.11509 15.67 10.0005C15.6698 11.3983 14.6312 12.3439 13.836 12.874C13.4155 13.1543 13.0004 13.3614 12.6933 13.4978C12.5182 13.5757 12.3405 13.6479 12.1594 13.7108L12.1581 13.7112C11.7651 13.8422 11.3395 13.6301 11.2085 13.2372C11.0776 12.8446 11.2895 12.4203 11.6817 12.2889L11.6846 12.2879C11.8201 12.2404 11.953 12.1854 12.0841 12.1271C12.3396 12.0136 12.6744 11.8456 13.004 11.626C13.7087 11.1562 14.17 10.6018 14.17 9.99999V9.99887C14.1708 9.46751 13.9835 8.95302 13.6413 8.54652C13.2991 8.14002 12.8241 7.86774 12.3004 7.77791ZM12 16.25C11.5858 16.25 11.25 16.5858 11.25 17C11.25 17.4142 11.5858 17.75 12 17.75H12.01C12.4242 17.75 12.76 17.4142 12.76 17C12.76 16.5858 12.4242 16.25 12.01 16.25H12Z"
}

Handle: @icons-library--help
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
Referenced by (1): @header-menu

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