Library: Scale Downsize

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="M8 2.25C8.41421 2.25 8.75 2.58579 8.75 3V6C8.75 6.72935 8.46027 7.42882 7.94454 7.94454C7.42882 8.46027 6.72935 8.75 6 8.75H3C2.58579 8.75 2.25 8.41421 2.25 8C2.25 7.58579 2.58579 7.25 3 7.25H6C6.33152 7.25 6.64946 7.1183 6.88388 6.88388C7.1183 6.64946 7.25 6.33152 7.25 6V3C7.25 2.58579 7.58579 2.25 8 2.25ZM16 2.25C16.4142 2.25 16.75 2.58579 16.75 3V6C16.75 6.33152 16.8817 6.64946 17.1161 6.88388C17.3505 7.1183 17.6685 7.25 18 7.25H21C21.4142 7.25 21.75 7.58579 21.75 8C21.75 8.41421 21.4142 8.75 21 8.75H18C17.2707 8.75 16.5712 8.46027 16.0555 7.94454C15.5397 7.42882 15.25 6.72935 15.25 6V3C15.25 2.58579 15.5858 2.25 16 2.25ZM2.25 16C2.25 15.5858 2.58579 15.25 3 15.25H6C6.72935 15.25 7.42882 15.5397 7.94454 16.0555C8.46027 16.5712 8.75 17.2707 8.75 18V21C8.75 21.4142 8.41421 21.75 8 21.75C7.58579 21.75 7.25 21.4142 7.25 21V18C7.25 17.6685 7.1183 17.3505 6.88388 17.1161C6.64946 16.8817 6.33152 16.75 6 16.75H3C2.58579 16.75 2.25 16.4142 2.25 16ZM18 16.75C17.6685 16.75 17.3505 16.8817 17.1161 17.1161C16.8817 17.3505 16.75 17.6685 16.75 18V21C16.75 21.4142 16.4142 21.75 16 21.75C15.5858 21.75 15.25 21.4142 15.25 21V18C15.25 17.2707 15.5397 16.5712 16.0555 16.0555C16.5712 15.5397 17.2707 15.25 18 15.25H21C21.4142 15.25 21.75 15.5858 21.75 16C21.75 16.4142 21.4142 16.75 21 16.75H18Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M8 2.25C8.41421 2.25 8.75 2.58579 8.75 3V6C8.75 6.72935 8.46027 7.42882 7.94454 7.94454C7.42882 8.46027 6.72935 8.75 6 8.75H3C2.58579 8.75 2.25 8.41421 2.25 8C2.25 7.58579 2.58579 7.25 3 7.25H6C6.33152 7.25 6.64946 7.1183 6.88388 6.88388C7.1183 6.64946 7.25 6.33152 7.25 6V3C7.25 2.58579 7.58579 2.25 8 2.25ZM16 2.25C16.4142 2.25 16.75 2.58579 16.75 3V6C16.75 6.33152 16.8817 6.64946 17.1161 6.88388C17.3505 7.1183 17.6685 7.25 18 7.25H21C21.4142 7.25 21.75 7.58579 21.75 8C21.75 8.41421 21.4142 8.75 21 8.75H18C17.2707 8.75 16.5712 8.46027 16.0555 7.94454C15.5397 7.42882 15.25 6.72935 15.25 6V3C15.25 2.58579 15.5858 2.25 16 2.25ZM2.25 16C2.25 15.5858 2.58579 15.25 3 15.25H6C6.72935 15.25 7.42882 15.5397 7.94454 16.0555C8.46027 16.5712 8.75 17.2707 8.75 18V21C8.75 21.4142 8.41421 21.75 8 21.75C7.58579 21.75 7.25 21.4142 7.25 21V18C7.25 17.6685 7.1183 17.3505 6.88388 17.1161C6.64946 16.8817 6.33152 16.75 6 16.75H3C2.58579 16.75 2.25 16.4142 2.25 16ZM18 16.75C17.6685 16.75 17.3505 16.8817 17.1161 17.1161C16.8817 17.3505 16.75 17.6685 16.75 18V21C16.75 21.4142 16.4142 21.75 16 21.75C15.5858 21.75 15.25 21.4142 15.25 21V18C15.25 17.2707 15.5397 16.5712 16.0555 16.0555C16.5712 15.5397 17.2707 15.25 18 15.25H21C21.4142 15.25 21.75 15.5858 21.75 16C21.75 16.4142 21.4142 16.75 21 16.75H18Z"
}

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