Library: World

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.42322 11.3023H7.59855C7.73678 8.49302 8.7069 5.79564 10.3734 3.54887C6.6214 4.26671 3.73464 7.42122 3.42322 11.3023ZM12 3.74171C10.2029 5.86705 9.14755 8.52214 8.99577 11.3023H15.0042C14.8525 8.52214 13.7971 5.86705 12 3.74171ZM15.0042 12.6977H8.99577C9.14755 15.4779 10.2029 18.133 12 20.2583C13.7971 18.133 14.8525 15.4779 15.0042 12.6977ZM10.3734 20.4511C8.7069 18.2044 7.73678 15.507 7.59855 12.6977H3.42322C3.73464 16.5788 6.6214 19.7333 10.3734 20.4511ZM13.6266 20.4511C17.3786 19.7333 20.2654 16.5788 20.5768 12.6977H16.4015C16.2632 15.507 15.2931 18.2044 13.6266 20.4511ZM20.5768 11.3023C20.2654 7.42122 17.3786 4.26671 13.6266 3.54887C15.2931 5.79564 16.2632 8.49302 16.4015 11.3023H20.5768ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M3.42322 11.3023H7.59855C7.73678 8.49302 8.7069 5.79564 10.3734 3.54887C6.6214 4.26671 3.73464 7.42122 3.42322 11.3023ZM12 3.74171C10.2029 5.86705 9.14755 8.52214 8.99577 11.3023H15.0042C14.8525 8.52214 13.7971 5.86705 12 3.74171ZM15.0042 12.6977H8.99577C9.14755 15.4779 10.2029 18.133 12 20.2583C13.7971 18.133 14.8525 15.4779 15.0042 12.6977ZM10.3734 20.4511C8.7069 18.2044 7.73678 15.507 7.59855 12.6977H3.42322C3.73464 16.5788 6.6214 19.7333 10.3734 20.4511ZM13.6266 20.4511C17.3786 19.7333 20.2654 16.5788 20.5768 12.6977H16.4015C16.2632 15.507 15.2931 18.2044 13.6266 20.4511ZM20.5768 11.3023C20.2654 7.42122 17.3786 4.26671 13.6266 3.54887C15.2931 5.79564 16.2632 8.49302 16.4015 11.3023H20.5768ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
}

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