Library: Contact Lenses

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="M2.27702 11.8018C1.86003 11.0801 2.06975 9.99034 3.22728 8.55789C4.33911 7.18199 6.12615 5.76548 8.1171 4.61694C10.108 3.46839 12.2293 2.63028 13.9777 2.35613C15.798 2.07072 16.8474 2.43413 17.2644 3.15579C17.3043 3.2249 17.3425 3.29496 17.3787 3.36593C17.7295 4.12151 17.4817 5.19553 16.3989 6.55847C15.2964 7.94628 13.5153 9.36861 11.5258 10.5163C9.53639 11.664 7.4131 12.494 5.65897 12.7542C3.93707 13.0095 2.88243 12.6874 2.40264 12.0067C2.35903 11.9395 2.31714 11.8712 2.27702 11.8018ZM0.965282 12.6756C1.01188 12.7563 1.06098 12.8336 1.11245 12.9077C2.29022 14.6901 4.29878 15.752 6.51653 16.079C8.86892 16.4258 11.5256 15.962 13.8857 14.6005C16.2564 13.2329 17.9873 11.166 18.8604 8.95753C19.6839 6.87446 19.7612 4.60804 18.8042 2.69884C18.766 2.61797 18.7238 2.53755 18.6777 2.45762C18.6612 2.42812 18.6439 2.39911 18.6269 2.36979C17.6793 0.729756 15.6615 0.500898 13.7338 0.803137C11.7344 1.11664 9.42699 2.04609 7.33046 3.25555C5.23393 4.465 3.27466 5.99691 2.0032 7.57035C0.777438 9.08724 -0.0331128 10.9477 0.914527 12.5878C0.931469 12.6171 0.947914 12.6466 0.965282 12.6756ZM17.7031 7.44421C17.6226 7.75515 17.5206 8.06776 17.3971 8.38C16.6576 10.2507 15.1694 12.0448 13.0991 13.2391C11.0404 14.4267 8.74118 14.818 6.7462 14.5238C6.41613 14.4752 6.09625 14.4082 5.78839 14.3237C5.82226 14.319 5.85613 14.3141 5.88996 14.3091C7.90067 14.0109 10.2145 13.088 12.3125 11.8777C14.4105 10.6674 16.3673 9.12664 17.6311 7.53583C17.6553 7.50542 17.6793 7.47488 17.7031 7.44421Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M2.27702 11.8018C1.86003 11.0801 2.06975 9.99034 3.22728 8.55789C4.33911 7.18199 6.12615 5.76548 8.1171 4.61694C10.108 3.46839 12.2293 2.63028 13.9777 2.35613C15.798 2.07072 16.8474 2.43413 17.2644 3.15579C17.3043 3.2249 17.3425 3.29496 17.3787 3.36593C17.7295 4.12151 17.4817 5.19553 16.3989 6.55847C15.2964 7.94628 13.5153 9.36861 11.5258 10.5163C9.53639 11.664 7.4131 12.494 5.65897 12.7542C3.93707 13.0095 2.88243 12.6874 2.40264 12.0067C2.35903 11.9395 2.31714 11.8712 2.27702 11.8018ZM0.965282 12.6756C1.01188 12.7563 1.06098 12.8336 1.11245 12.9077C2.29022 14.6901 4.29878 15.752 6.51653 16.079C8.86892 16.4258 11.5256 15.962 13.8857 14.6005C16.2564 13.2329 17.9873 11.166 18.8604 8.95753C19.6839 6.87446 19.7612 4.60804 18.8042 2.69884C18.766 2.61797 18.7238 2.53755 18.6777 2.45762C18.6612 2.42812 18.6439 2.39911 18.6269 2.36979C17.6793 0.729756 15.6615 0.500898 13.7338 0.803137C11.7344 1.11664 9.42699 2.04609 7.33046 3.25555C5.23393 4.465 3.27466 5.99691 2.0032 7.57035C0.777438 9.08724 -0.0331128 10.9477 0.914527 12.5878C0.931469 12.6171 0.947914 12.6466 0.965282 12.6756ZM17.7031 7.44421C17.6226 7.75515 17.5206 8.06776 17.3971 8.38C16.6576 10.2507 15.1694 12.0448 13.0991 13.2391C11.0404 14.4267 8.74118 14.818 6.7462 14.5238C6.41613 14.4752 6.09625 14.4082 5.78839 14.3237C5.82226 14.319 5.85613 14.3141 5.88996 14.3091C7.90067 14.0109 10.2145 13.088 12.3125 11.8777C14.4105 10.6674 16.3673 9.12664 17.6311 7.53583C17.6553 7.50542 17.6793 7.47488 17.7031 7.44421Z"
}

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