Library: Size

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.8297 3.231C6.14071 2.9218 6.56146 2.74823 7.00005 2.74823C7.43863 2.74823 7.85938 2.9218 8.1704 3.231C8.1702 3.2308 8.1706 3.2312 8.1704 3.231L9.43939 4.49999L7.96972 5.96966C7.67682 6.26255 7.67682 6.73742 7.96972 7.03032C8.26261 7.32321 8.73748 7.32321 9.03038 7.03032L10.5 5.56065L12.4394 7.49999L10.9697 8.96966C10.6768 9.26255 10.6768 9.73742 10.9697 10.0303C11.2626 10.3232 11.7375 10.3232 12.0304 10.0303L13.5 8.56065L15.4394 10.5L13.9697 11.9697C13.6768 12.2625 13.6768 12.7374 13.9697 13.0303C14.2626 13.3232 14.7375 13.3232 15.0304 13.0303L16.5 11.5606L18.4394 13.5L16.9697 14.9697C16.6768 15.2625 16.6768 15.7374 16.9697 16.0303C17.2626 16.3232 17.7375 16.3232 18.0304 16.0303L19.5 14.5606L20.7706 15.8312C20.9245 15.9845 21.0465 16.1667 21.1298 16.3672C21.2131 16.5678 21.2559 16.7828 21.2559 17C21.2559 17.2171 21.2131 17.4322 21.1298 17.6327C21.0465 17.8333 20.9245 18.0154 20.7706 18.1687L20.7697 18.1697L18.1697 20.7697L18.1688 20.7706C18.0155 20.9244 17.8334 21.0464 17.6328 21.1297C17.4322 21.213 17.2172 21.2559 17 21.2559C16.7829 21.2559 16.5679 21.213 16.3673 21.1297C16.1667 21.0465 15.9846 20.9244 15.8313 20.7706L3.23166 8.17094C3.23146 8.17074 3.23186 8.17114 3.23166 8.17094C2.92246 7.85992 2.74829 7.43857 2.74829 6.99999C2.74829 6.5614 2.92186 6.14065 3.23106 5.82963C3.23086 5.82983 3.23126 5.82943 3.23106 5.82963L5.8297 3.231C5.8299 3.2308 5.82949 3.2312 5.8297 3.231ZM9.23038 2.16965L9.22909 2.16837C8.63692 1.57906 7.83548 1.24823 7.00005 1.24823C6.16461 1.24823 5.36317 1.57906 4.771 2.16837L2.16972 4.76966L2.16843 4.77094C1.57912 5.36311 1.24829 6.16455 1.24829 6.99999C1.24829 7.83542 1.57912 8.63686 2.16843 9.22903L2.16972 9.23032L14.7688 21.8294C14.7687 21.8293 14.7689 21.8295 14.7688 21.8294C15.0614 22.1229 15.4093 22.3561 15.7921 22.515C16.175 22.674 16.5855 22.7559 17 22.7559C17.4146 22.7559 17.8251 22.674 18.208 22.515C18.5907 22.3562 18.9382 22.1234 19.2307 21.83C19.2305 21.8302 19.2309 21.8298 19.2307 21.83L21.8295 19.2312C21.8293 19.2314 21.8297 19.231 21.8295 19.2312C22.1228 18.9387 22.3562 18.5906 22.5151 18.208C22.6741 17.8251 22.7559 17.4146 22.7559 17C22.7559 16.5854 22.6741 16.1749 22.5151 15.792C22.3562 15.4092 22.1233 15.0616 21.8297 14.769C21.8296 14.7689 21.8298 14.7691 21.8297 14.769L20.0313 12.9706C20.031 12.9703 20.0307 12.97 20.0304 12.9697C20.0301 12.9693 20.0297 12.969 20.0294 12.9687L17.0311 9.97033C17.0308 9.97011 17.0313 9.97056 17.0311 9.97033C17.0308 9.97011 17.0299 9.9692 17.0297 9.96898L14.0304 6.96971L9.23038 2.16965Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M5.8297 3.231C6.14071 2.9218 6.56146 2.74823 7.00005 2.74823C7.43863 2.74823 7.85938 2.9218 8.1704 3.231C8.1702 3.2308 8.1706 3.2312 8.1704 3.231L9.43939 4.49999L7.96972 5.96966C7.67682 6.26255 7.67682 6.73742 7.96972 7.03032C8.26261 7.32321 8.73748 7.32321 9.03038 7.03032L10.5 5.56065L12.4394 7.49999L10.9697 8.96966C10.6768 9.26255 10.6768 9.73742 10.9697 10.0303C11.2626 10.3232 11.7375 10.3232 12.0304 10.0303L13.5 8.56065L15.4394 10.5L13.9697 11.9697C13.6768 12.2625 13.6768 12.7374 13.9697 13.0303C14.2626 13.3232 14.7375 13.3232 15.0304 13.0303L16.5 11.5606L18.4394 13.5L16.9697 14.9697C16.6768 15.2625 16.6768 15.7374 16.9697 16.0303C17.2626 16.3232 17.7375 16.3232 18.0304 16.0303L19.5 14.5606L20.7706 15.8312C20.9245 15.9845 21.0465 16.1667 21.1298 16.3672C21.2131 16.5678 21.2559 16.7828 21.2559 17C21.2559 17.2171 21.2131 17.4322 21.1298 17.6327C21.0465 17.8333 20.9245 18.0154 20.7706 18.1687L20.7697 18.1697L18.1697 20.7697L18.1688 20.7706C18.0155 20.9244 17.8334 21.0464 17.6328 21.1297C17.4322 21.213 17.2172 21.2559 17 21.2559C16.7829 21.2559 16.5679 21.213 16.3673 21.1297C16.1667 21.0465 15.9846 20.9244 15.8313 20.7706L3.23166 8.17094C3.23146 8.17074 3.23186 8.17114 3.23166 8.17094C2.92246 7.85992 2.74829 7.43857 2.74829 6.99999C2.74829 6.5614 2.92186 6.14065 3.23106 5.82963C3.23086 5.82983 3.23126 5.82943 3.23106 5.82963L5.8297 3.231C5.8299 3.2308 5.82949 3.2312 5.8297 3.231ZM9.23038 2.16965L9.22909 2.16837C8.63692 1.57906 7.83548 1.24823 7.00005 1.24823C6.16461 1.24823 5.36317 1.57906 4.771 2.16837L2.16972 4.76966L2.16843 4.77094C1.57912 5.36311 1.24829 6.16455 1.24829 6.99999C1.24829 7.83542 1.57912 8.63686 2.16843 9.22903L2.16972 9.23032L14.7688 21.8294C14.7687 21.8293 14.7689 21.8295 14.7688 21.8294C15.0614 22.1229 15.4093 22.3561 15.7921 22.515C16.175 22.674 16.5855 22.7559 17 22.7559C17.4146 22.7559 17.8251 22.674 18.208 22.515C18.5907 22.3562 18.9382 22.1234 19.2307 21.83C19.2305 21.8302 19.2309 21.8298 19.2307 21.83L21.8295 19.2312C21.8293 19.2314 21.8297 19.231 21.8295 19.2312C22.1228 18.9387 22.3562 18.5906 22.5151 18.208C22.6741 17.8251 22.7559 17.4146 22.7559 17C22.7559 16.5854 22.6741 16.1749 22.5151 15.792C22.3562 15.4092 22.1233 15.0616 21.8297 14.769C21.8296 14.7689 21.8298 14.7691 21.8297 14.769L20.0313 12.9706C20.031 12.9703 20.0307 12.97 20.0304 12.9697C20.0301 12.9693 20.0297 12.969 20.0294 12.9687L17.0311 9.97033C17.0308 9.97011 17.0313 9.97056 17.0311 9.97033C17.0308 9.97011 17.0299 9.9692 17.0297 9.96898L14.0304 6.96971L9.23038 2.16965Z"
}

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