Library: Navigation

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="M16.7845 0.215466C17.0043 0.43528 17.0622 0.769546 16.9292 1.05049L9.57342 16.5793C9.44042 16.8601 9.14535 17.027 8.83617 16.9964C8.52699 16.9658 8.27039 16.7442 8.19504 16.4428L6.66747 10.3325L0.55719 8.80496C0.255779 8.72961 0.0342126 8.47301 0.00359812 8.16383C-0.0270164 7.85465 0.139923 7.55958 0.420704 7.42658L15.9495 0.070829C16.2305 -0.0622477 16.5647 -0.00434817 16.7845 0.215466ZM2.908 7.87624L7.45244 9.01235C7.71599 9.07823 7.92177 9.28401 7.98765 9.54756L9.12376 14.092L14.7179 2.28205L2.908 7.87624Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M16.7845 0.215466C17.0043 0.43528 17.0622 0.769546 16.9292 1.05049L9.57342 16.5793C9.44042 16.8601 9.14535 17.027 8.83617 16.9964C8.52699 16.9658 8.27039 16.7442 8.19504 16.4428L6.66747 10.3325L0.55719 8.80496C0.255779 8.72961 0.0342126 8.47301 0.00359812 8.16383C-0.0270164 7.85465 0.139923 7.55958 0.420704 7.42658L15.9495 0.070829C16.2305 -0.0622477 16.5647 -0.00434817 16.7845 0.215466ZM2.908 7.87624L7.45244 9.01235C7.71599 9.07823 7.92177 9.28401 7.98765 9.54756L9.12376 14.092L14.7179 2.28205L2.908 7.87624Z"
}

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