Library: Device Desktop

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="M3.0625 4.07141H20.9375V14.2232H3.0625V4.07141ZM20.9375 15.7232V16.7143H3.0625V15.7232H20.9375ZM21.0625 18.2143C21.8412 18.2143 22.4375 17.5701 22.4375 16.8214V3.96427C22.4375 3.21557 21.8412 2.57141 21.0625 2.57141H2.9375C2.15882 2.57141 1.5625 3.21558 1.5625 3.96427V16.8214C1.5625 17.5701 2.15882 18.2143 2.9375 18.2143H9.45035C9.43791 18.2935 9.42372 18.377 9.4076 18.4639C9.33875 18.8351 9.24011 19.2373 9.1057 19.6072H8.71875C8.30454 19.6072 7.96875 19.9429 7.96875 20.3572C7.96875 20.7714 8.30454 21.1072 8.71875 21.1072H15.2813C15.6955 21.1072 16.0313 20.7714 16.0313 20.3572C16.0313 19.9429 15.6955 19.6072 15.2813 19.6072H14.8942C14.7598 19.2374 14.6612 18.8353 14.5924 18.4641C14.5763 18.3771 14.5621 18.2935 14.5496 18.2143H21.0625ZM13.0339 18.2143H10.9661C10.9444 18.3755 10.9168 18.5522 10.8824 18.7375C10.833 19.0041 10.7673 19.3015 10.6804 19.6072H13.3195C13.2327 19.3016 13.167 19.0042 13.1175 18.7376C13.0832 18.5522 13.0556 18.3755 13.0339 18.2143Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M3.0625 4.07141H20.9375V14.2232H3.0625V4.07141ZM20.9375 15.7232V16.7143H3.0625V15.7232H20.9375ZM21.0625 18.2143C21.8412 18.2143 22.4375 17.5701 22.4375 16.8214V3.96427C22.4375 3.21557 21.8412 2.57141 21.0625 2.57141H2.9375C2.15882 2.57141 1.5625 3.21558 1.5625 3.96427V16.8214C1.5625 17.5701 2.15882 18.2143 2.9375 18.2143H9.45035C9.43791 18.2935 9.42372 18.377 9.4076 18.4639C9.33875 18.8351 9.24011 19.2373 9.1057 19.6072H8.71875C8.30454 19.6072 7.96875 19.9429 7.96875 20.3572C7.96875 20.7714 8.30454 21.1072 8.71875 21.1072H15.2813C15.6955 21.1072 16.0313 20.7714 16.0313 20.3572C16.0313 19.9429 15.6955 19.6072 15.2813 19.6072H14.8942C14.7598 19.2374 14.6612 18.8353 14.5924 18.4641C14.5763 18.3771 14.5621 18.2935 14.5496 18.2143H21.0625ZM13.0339 18.2143H10.9661C10.9444 18.3755 10.9168 18.5522 10.8824 18.7375C10.833 19.0041 10.7673 19.3015 10.6804 19.6072H13.3195C13.2327 19.3016 13.167 19.0042 13.1175 18.7376C13.0832 18.5522 13.0556 18.3755 13.0339 18.2143Z"
}

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