Library: Vision Test

Ready

HTML
View
Context
Info
Notes


        
        <svg class=" shrink-0" width="24" height="24" viewBox="0 0 22 28" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0007 2.66602H3.00065C2.63246 2.66602 2.33398 2.96449 2.33398 3.33268V24.666C2.33398 25.0342 2.63246 25.3327 3.00065 25.3327H19.0007C19.3688 25.3327 19.6673 25.0342 19.6673 24.666V3.33268C19.6673 2.96449 19.3688 2.66602 19.0007 2.66602ZM3.00065 0.666016C1.52789 0.666016 0.333984 1.85992 0.333984 3.33268V24.666C0.333984 26.1388 1.52789 27.3327 3.00065 27.3327H19.0007C20.4734 27.3327 21.6673 26.1388 21.6673 24.666V3.33268C21.6673 1.85992 20.4734 0.666016 19.0007 0.666016H3.00065Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.33398 5.33268C8.33398 4.96449 8.63246 4.66602 9.00065 4.66602H12.7442C13.254 4.66602 13.6673 5.07929 13.6673 5.58909L-nan -nanL13.6673 5.58909C13.6673 6.09889 13.254 6.51217 12.7442 6.51217H10.1118V7.74294H11.5591C12.0689 7.74294 12.4821 8.15621 12.4821 8.66602L-nan -nanL12.4821 8.66602C12.4821 9.17582 12.0689 9.58909 11.5591 9.58909H10.1118V10.8199H12.7442C13.254 10.8199 13.6673 11.2331 13.6673 11.7429L-nan -nanL13.6673 11.7429C13.6673 12.2527 13.254 12.666 12.7442 12.666H9.00065C8.63246 12.666 8.33398 12.3675 8.33398 11.9993V5.33268Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00065 15.3327C5.00065 14.7804 5.44837 14.3327 6.00065 14.3327H8.33398C8.70217 14.3327 9.00065 14.6312 9.00065 14.9993L-nan -nanL9.00065 14.9993C9.00065 15.3675 8.70217 15.666 8.33398 15.666H6.33398V16.9993H7.66732C8.03551 16.9993 8.33398 17.2978 8.33398 17.666L-nan -nanL8.33398 17.666C8.33398 18.0342 8.03551 18.3327 7.66732 18.3327H6.33398V19.666C6.33398 20.0342 6.03551 20.3327 5.66732 20.3327L-nan -nanL5.66732 20.3327C5.29913 20.3327 5.00065 20.0342 5.00065 19.666V15.3327Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0007 15.2045C13.0007 14.723 13.391 14.3327 13.8724 14.3327H15.0007C16.1052 14.3327 17.0007 15.2281 17.0007 16.3327C17.0007 17.4373 16.1052 18.3327 15.0007 18.3327H14.334V19.666C14.334 20.0342 14.0355 20.3327 13.6673 20.3327L-nan -nanL13.6673 20.3327C13.2991 20.3327 13.0007 20.0342 13.0007 19.666V15.2045ZM14.334 16.9993H15.0007C15.3688 16.9993 15.6673 16.7009 15.6673 16.3327C15.6673 15.9645 15.3688 15.666 15.0007 15.666H14.334V16.9993Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.33398 22.666C4.33398 22.2978 4.63246 21.9993 5.00065 21.9993H7.00065C7.36884 21.9993 7.66732 22.2978 7.66732 22.666C7.66732 23.0342 7.36884 23.3327 7.00065 23.3327H5.00065C4.63246 23.3327 4.33398 23.0342 4.33398 22.666Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.33398 22.666C9.33398 22.2978 9.63246 21.9993 10.0007 21.9993H12.0007C12.3688 21.9993 12.6673 22.2978 12.6673 22.666C12.6673 23.0342 12.3688 23.3327 12.0007 23.3327H10.0007C9.63246 23.3327 9.33398 23.0342 9.33398 22.666Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.334 22.666C14.334 22.2978 14.6325 21.9993 15.0007 21.9993H17.0007C17.3688 21.9993 17.6673 22.2978 17.6673 22.666C17.6673 23.0342 17.3688 23.3327 17.0007 23.3327H15.0007C14.6325 23.3327 14.334 23.0342 14.334 22.666Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "viewBox": "0 0 22 28",
  "paths": [
    {
      "path": "M19.0007 2.66602H3.00065C2.63246 2.66602 2.33398 2.96449 2.33398 3.33268V24.666C2.33398 25.0342 2.63246 25.3327 3.00065 25.3327H19.0007C19.3688 25.3327 19.6673 25.0342 19.6673 24.666V3.33268C19.6673 2.96449 19.3688 2.66602 19.0007 2.66602ZM3.00065 0.666016C1.52789 0.666016 0.333984 1.85992 0.333984 3.33268V24.666C0.333984 26.1388 1.52789 27.3327 3.00065 27.3327H19.0007C20.4734 27.3327 21.6673 26.1388 21.6673 24.666V3.33268C21.6673 1.85992 20.4734 0.666016 19.0007 0.666016H3.00065Z"
    },
    {
      "path": "M8.33398 5.33268C8.33398 4.96449 8.63246 4.66602 9.00065 4.66602H12.7442C13.254 4.66602 13.6673 5.07929 13.6673 5.58909L-nan -nanL13.6673 5.58909C13.6673 6.09889 13.254 6.51217 12.7442 6.51217H10.1118V7.74294H11.5591C12.0689 7.74294 12.4821 8.15621 12.4821 8.66602L-nan -nanL12.4821 8.66602C12.4821 9.17582 12.0689 9.58909 11.5591 9.58909H10.1118V10.8199H12.7442C13.254 10.8199 13.6673 11.2331 13.6673 11.7429L-nan -nanL13.6673 11.7429C13.6673 12.2527 13.254 12.666 12.7442 12.666H9.00065C8.63246 12.666 8.33398 12.3675 8.33398 11.9993V5.33268Z"
    },
    {
      "path": "M5.00065 15.3327C5.00065 14.7804 5.44837 14.3327 6.00065 14.3327H8.33398C8.70217 14.3327 9.00065 14.6312 9.00065 14.9993L-nan -nanL9.00065 14.9993C9.00065 15.3675 8.70217 15.666 8.33398 15.666H6.33398V16.9993H7.66732C8.03551 16.9993 8.33398 17.2978 8.33398 17.666L-nan -nanL8.33398 17.666C8.33398 18.0342 8.03551 18.3327 7.66732 18.3327H6.33398V19.666C6.33398 20.0342 6.03551 20.3327 5.66732 20.3327L-nan -nanL5.66732 20.3327C5.29913 20.3327 5.00065 20.0342 5.00065 19.666V15.3327Z"
    },
    {
      "path": "M13.0007 15.2045C13.0007 14.723 13.391 14.3327 13.8724 14.3327H15.0007C16.1052 14.3327 17.0007 15.2281 17.0007 16.3327C17.0007 17.4373 16.1052 18.3327 15.0007 18.3327H14.334V19.666C14.334 20.0342 14.0355 20.3327 13.6673 20.3327L-nan -nanL13.6673 20.3327C13.2991 20.3327 13.0007 20.0342 13.0007 19.666V15.2045ZM14.334 16.9993H15.0007C15.3688 16.9993 15.6673 16.7009 15.6673 16.3327C15.6673 15.9645 15.3688 15.666 15.0007 15.666H14.334V16.9993Z"
    },
    {
      "path": "M4.33398 22.666C4.33398 22.2978 4.63246 21.9993 5.00065 21.9993H7.00065C7.36884 21.9993 7.66732 22.2978 7.66732 22.666C7.66732 23.0342 7.36884 23.3327 7.00065 23.3327H5.00065C4.63246 23.3327 4.33398 23.0342 4.33398 22.666Z"
    },
    {
      "path": "M9.33398 22.666C9.33398 22.2978 9.63246 21.9993 10.0007 21.9993H12.0007C12.3688 21.9993 12.6673 22.2978 12.6673 22.666C12.6673 23.0342 12.3688 23.3327 12.0007 23.3327H10.0007C9.63246 23.3327 9.33398 23.0342 9.33398 22.666Z"
    },
    {
      "path": "M14.334 22.666C14.334 22.2978 14.6325 21.9993 15.0007 21.9993H17.0007C17.3688 21.9993 17.6673 22.2978 17.6673 22.666C17.6673 23.0342 17.3688 23.3327 17.0007 23.3327H15.0007C14.6325 23.3327 14.334 23.0342 14.334 22.666Z"
    }
  ]
}

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