Library: Glass

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.67774 7.32342C6.0043 6.72211 6.28536 6.3513 6.6046 6.11834C6.90864 5.89648 7.31712 5.75 8 5.75C8.41421 5.75 8.75 5.41421 8.75 5C8.75 4.58579 8.41421 4.25 8 4.25C7.08288 4.25 6.34136 4.45352 5.7204 4.90666C5.12029 5.34457 4.70564 5.96472 4.33965 6.64443C4.32789 6.66625 4.31723 6.68865 4.30769 6.71154L1.80769 12.7115C1.78949 12.7552 1.77573 12.7996 1.7662 12.8443C1.43614 13.4912 1.25 14.2239 1.25 15C1.25 17.6234 3.37665 19.75 6 19.75C8.62335 19.75 10.75 17.6234 10.75 15C10.75 14.6685 10.8817 14.3505 11.1161 14.1161C11.3505 13.8817 11.6685 13.75 12 13.75C12.3315 13.75 12.6495 13.8817 12.8839 14.1161C13.1183 14.3505 13.25 14.6685 13.25 15C13.25 17.6234 15.3766 19.75 18 19.75C20.6234 19.75 22.75 17.6234 22.75 15C22.75 14.2239 22.5639 13.4912 22.2338 12.8443C22.2243 12.7996 22.2105 12.7552 22.1923 12.7115L19.6923 6.71154C19.6828 6.68865 19.6721 6.66625 19.6604 6.64443C19.2846 5.94667 18.8429 5.33349 18.2344 4.90111C17.6103 4.45767 16.876 4.25 16 4.25C15.5858 4.25 15.25 4.58579 15.25 5C15.25 5.41421 15.5858 5.75 16 5.75C16.624 5.75 17.0397 5.89233 17.3656 6.12389C17.701 6.36219 18.0044 6.7396 18.3223 7.32359L19.667 10.5507C19.1483 10.3563 18.5866 10.25 18 10.25C16.1393 10.25 14.5285 11.3199 13.7492 12.878C13.2588 12.4737 12.6409 12.25 12 12.25C11.3591 12.25 10.7412 12.4737 10.2508 12.878C9.47149 11.3199 7.86069 10.25 6 10.25C5.41344 10.25 4.85171 10.3563 4.33303 10.5507L5.67774 7.32342ZM6 11.75C7.79493 11.75 9.25 13.2051 9.25 15C9.25 16.7949 7.79493 18.25 6 18.25C4.20507 18.25 2.75 16.7949 2.75 15C2.75 13.2051 4.20507 11.75 6 11.75ZM14.75 15C14.75 13.2051 16.2051 11.75 18 11.75C19.7949 11.75 21.25 13.2051 21.25 15C21.25 16.7949 19.7949 18.25 18 18.25C16.2051 18.25 14.75 16.7949 14.75 15Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M5.67774 7.32342C6.0043 6.72211 6.28536 6.3513 6.6046 6.11834C6.90864 5.89648 7.31712 5.75 8 5.75C8.41421 5.75 8.75 5.41421 8.75 5C8.75 4.58579 8.41421 4.25 8 4.25C7.08288 4.25 6.34136 4.45352 5.7204 4.90666C5.12029 5.34457 4.70564 5.96472 4.33965 6.64443C4.32789 6.66625 4.31723 6.68865 4.30769 6.71154L1.80769 12.7115C1.78949 12.7552 1.77573 12.7996 1.7662 12.8443C1.43614 13.4912 1.25 14.2239 1.25 15C1.25 17.6234 3.37665 19.75 6 19.75C8.62335 19.75 10.75 17.6234 10.75 15C10.75 14.6685 10.8817 14.3505 11.1161 14.1161C11.3505 13.8817 11.6685 13.75 12 13.75C12.3315 13.75 12.6495 13.8817 12.8839 14.1161C13.1183 14.3505 13.25 14.6685 13.25 15C13.25 17.6234 15.3766 19.75 18 19.75C20.6234 19.75 22.75 17.6234 22.75 15C22.75 14.2239 22.5639 13.4912 22.2338 12.8443C22.2243 12.7996 22.2105 12.7552 22.1923 12.7115L19.6923 6.71154C19.6828 6.68865 19.6721 6.66625 19.6604 6.64443C19.2846 5.94667 18.8429 5.33349 18.2344 4.90111C17.6103 4.45767 16.876 4.25 16 4.25C15.5858 4.25 15.25 4.58579 15.25 5C15.25 5.41421 15.5858 5.75 16 5.75C16.624 5.75 17.0397 5.89233 17.3656 6.12389C17.701 6.36219 18.0044 6.7396 18.3223 7.32359L19.667 10.5507C19.1483 10.3563 18.5866 10.25 18 10.25C16.1393 10.25 14.5285 11.3199 13.7492 12.878C13.2588 12.4737 12.6409 12.25 12 12.25C11.3591 12.25 10.7412 12.4737 10.2508 12.878C9.47149 11.3199 7.86069 10.25 6 10.25C5.41344 10.25 4.85171 10.3563 4.33303 10.5507L5.67774 7.32342ZM6 11.75C7.79493 11.75 9.25 13.2051 9.25 15C9.25 16.7949 7.79493 18.25 6 18.25C4.20507 18.25 2.75 16.7949 2.75 15C2.75 13.2051 4.20507 11.75 6 11.75ZM14.75 15C14.75 13.2051 16.2051 11.75 18 11.75C19.7949 11.75 21.25 13.2051 21.25 15C21.25 16.7949 19.7949 18.25 18 18.25C16.2051 18.25 14.75 16.7949 14.75 15Z"
}

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