Library: Settings 3

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="M6.02516 2.75934C6.78506 2.43135 7.62233 2.25 8.5 2.25C11.9518 2.25 14.75 5.04822 14.75 8.5C14.75 9.1951 14.6363 9.86485 14.426 10.4909L20.935 16.9999C22.0217 18.0866 22.0217 19.8484 20.935 20.935C19.8484 22.0217 18.0866 22.0217 16.9999 20.935L10.4909 14.426C9.86485 14.6363 9.1951 14.75 8.5 14.75C5.04822 14.75 2.25 11.9518 2.25 8.5C2.25 7.62233 2.43135 6.78506 2.75934 6.02516C2.85782 5.79698 3.06295 5.6324 3.30705 5.58572C3.55115 5.53903 3.80253 5.6163 3.97827 5.79204L7.06058 8.87436C7.56144 9.37522 8.3735 9.37522 8.87436 8.87436C9.37522 8.3735 9.37522 7.56144 8.87436 7.06058L5.79204 3.97827C5.6163 3.80253 5.53903 3.55115 5.58572 3.30705C5.6324 3.06295 5.79698 2.85782 6.02516 2.75934ZM7.7447 3.80961L9.93502 5.99992C11.0217 7.08657 11.0217 8.84837 9.93502 9.93502C8.84837 11.0217 7.08657 11.0217 5.99992 9.93502L3.80961 7.7447C3.77039 7.99045 3.75 8.2427 3.75 8.5C3.75 11.1234 5.87665 13.25 8.5 13.25C9.16947 13.25 9.80473 13.1119 10.3804 12.8635C10.6626 12.7417 10.9906 12.8044 11.208 13.0217L18.0606 19.8744C18.5614 20.3752 19.3735 20.3752 19.8744 19.8744C20.3752 19.3735 20.3752 18.5614 19.8744 18.0606L13.0217 11.208C12.8044 10.9906 12.7417 10.6626 12.8635 10.3804C13.1119 9.80473 13.25 9.16947 13.25 8.5C13.25 5.87665 11.1234 3.75 8.5 3.75C8.2427 3.75 7.99045 3.77039 7.7447 3.80961Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M6.02516 2.75934C6.78506 2.43135 7.62233 2.25 8.5 2.25C11.9518 2.25 14.75 5.04822 14.75 8.5C14.75 9.1951 14.6363 9.86485 14.426 10.4909L20.935 16.9999C22.0217 18.0866 22.0217 19.8484 20.935 20.935C19.8484 22.0217 18.0866 22.0217 16.9999 20.935L10.4909 14.426C9.86485 14.6363 9.1951 14.75 8.5 14.75C5.04822 14.75 2.25 11.9518 2.25 8.5C2.25 7.62233 2.43135 6.78506 2.75934 6.02516C2.85782 5.79698 3.06295 5.6324 3.30705 5.58572C3.55115 5.53903 3.80253 5.6163 3.97827 5.79204L7.06058 8.87436C7.56144 9.37522 8.3735 9.37522 8.87436 8.87436C9.37522 8.3735 9.37522 7.56144 8.87436 7.06058L5.79204 3.97827C5.6163 3.80253 5.53903 3.55115 5.58572 3.30705C5.6324 3.06295 5.79698 2.85782 6.02516 2.75934ZM7.7447 3.80961L9.93502 5.99992C11.0217 7.08657 11.0217 8.84837 9.93502 9.93502C8.84837 11.0217 7.08657 11.0217 5.99992 9.93502L3.80961 7.7447C3.77039 7.99045 3.75 8.2427 3.75 8.5C3.75 11.1234 5.87665 13.25 8.5 13.25C9.16947 13.25 9.80473 13.1119 10.3804 12.8635C10.6626 12.7417 10.9906 12.8044 11.208 13.0217L18.0606 19.8744C18.5614 20.3752 19.3735 20.3752 19.8744 19.8744C20.3752 19.3735 20.3752 18.5614 19.8744 18.0606L13.0217 11.208C12.8044 10.9906 12.7417 10.6626 12.8635 10.3804C13.1119 9.80473 13.25 9.16947 13.25 8.5C13.25 5.87665 11.1234 3.75 8.5 3.75C8.2427 3.75 7.99045 3.77039 7.7447 3.80961Z"
}

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