Library: Arrow Down

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.5254 19.5352C12.4547 19.6047 12.3735 19.6573 12.2871 19.6931L12.5254 19.5352ZM12.5308 19.5299L16.5303 15.5303C16.8232 15.2374 16.8232 14.7626 16.5303 14.4697C16.2374 14.1768 15.7626 14.1768 15.4697 14.4697L12.75 17.1893V5C12.75 4.58579 12.4142 4.25 12 4.25C11.5858 4.25 11.25 4.58579 11.25 5V17.1893L8.53033 14.4697C8.23744 14.1768 7.76256 14.1768 7.46967 14.4697C7.17678 14.7626 7.17678 15.2374 7.46967 15.5303L11.4697 19.5303C11.5416 19.6022 11.6245 19.6565 11.7129 19.6931C11.8013 19.7298 11.8983 19.75 12 19.75C12.1017 19.75 12.1987 19.7298 12.2871 19.6931" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M12.5254 19.5352C12.4547 19.6047 12.3735 19.6573 12.2871 19.6931L12.5254 19.5352ZM12.5308 19.5299L16.5303 15.5303C16.8232 15.2374 16.8232 14.7626 16.5303 14.4697C16.2374 14.1768 15.7626 14.1768 15.4697 14.4697L12.75 17.1893V5C12.75 4.58579 12.4142 4.25 12 4.25C11.5858 4.25 11.25 4.58579 11.25 5V17.1893L8.53033 14.4697C8.23744 14.1768 7.76256 14.1768 7.46967 14.4697C7.17678 14.7626 7.17678 15.2374 7.46967 15.5303L11.4697 19.5303C11.5416 19.6022 11.6245 19.6565 11.7129 19.6931C11.8013 19.7298 11.8983 19.75 12 19.75C12.1017 19.75 12.1987 19.7298 12.2871 19.6931"
}

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