Library: Ribon

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="M12 2.75C15.4518 2.75 18.25 5.54822 18.25 9C18.25 12.4518 15.4518 15.25 12 15.25C10.4133 15.25 8.96464 14.6587 7.86244 13.6844L7.84063 13.665L7.83756 13.6623C6.55649 12.5178 5.75004 10.8531 5.75004 9C5.75004 5.54822 8.54826 2.75 12 2.75ZM4.25004 9C4.25004 11.1158 5.09793 13.0336 6.47246 14.4322L4.29292 20.5979L3.66748 22.3672L5.34011 21.5163L7.71332 20.309L9.26512 22.3438L10.1729 23.5341L10.5828 22.0944L12.0011 17.1131L13.4195 22.0944L13.8294 23.5341L14.7372 22.3438L16.289 20.309L18.6622 21.5163L20.3348 22.3672L19.7094 20.5979L17.5293 14.4305C18.9028 13.0321 19.75 11.115 19.75 9C19.75 4.71979 16.2803 1.25 12 1.25C7.71984 1.25 4.25004 4.71979 4.25004 9ZM6.33261 19.3285L7.70332 15.4508C8.55824 16.0214 9.53298 16.4266 10.5818 16.6205L9.55009 20.2439L8.52689 18.9022L8.14774 18.4051L7.59047 18.6886L6.33261 19.3285ZM14.4522 20.2439L13.4204 16.6201C14.4691 16.4259 15.4438 16.0205 16.2986 15.4497L17.6697 19.3285L16.4118 18.6886L15.8546 18.4051L15.4754 18.9022L14.4522 20.2439ZM8.75004 9C8.75004 7.20507 10.2051 5.75 12 5.75C13.795 5.75 15.25 7.20507 15.25 9C15.25 10.7949 13.795 12.25 12 12.25C10.2051 12.25 8.75004 10.7949 8.75004 9ZM12 4.25C9.37669 4.25 7.25004 6.37665 7.25004 9C7.25004 11.6234 9.37669 13.75 12 13.75C14.6234 13.75 16.75 11.6234 16.75 9C16.75 6.37665 14.6234 4.25 12 4.25Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M12 2.75C15.4518 2.75 18.25 5.54822 18.25 9C18.25 12.4518 15.4518 15.25 12 15.25C10.4133 15.25 8.96464 14.6587 7.86244 13.6844L7.84063 13.665L7.83756 13.6623C6.55649 12.5178 5.75004 10.8531 5.75004 9C5.75004 5.54822 8.54826 2.75 12 2.75ZM4.25004 9C4.25004 11.1158 5.09793 13.0336 6.47246 14.4322L4.29292 20.5979L3.66748 22.3672L5.34011 21.5163L7.71332 20.309L9.26512 22.3438L10.1729 23.5341L10.5828 22.0944L12.0011 17.1131L13.4195 22.0944L13.8294 23.5341L14.7372 22.3438L16.289 20.309L18.6622 21.5163L20.3348 22.3672L19.7094 20.5979L17.5293 14.4305C18.9028 13.0321 19.75 11.115 19.75 9C19.75 4.71979 16.2803 1.25 12 1.25C7.71984 1.25 4.25004 4.71979 4.25004 9ZM6.33261 19.3285L7.70332 15.4508C8.55824 16.0214 9.53298 16.4266 10.5818 16.6205L9.55009 20.2439L8.52689 18.9022L8.14774 18.4051L7.59047 18.6886L6.33261 19.3285ZM14.4522 20.2439L13.4204 16.6201C14.4691 16.4259 15.4438 16.0205 16.2986 15.4497L17.6697 19.3285L16.4118 18.6886L15.8546 18.4051L15.4754 18.9022L14.4522 20.2439ZM8.75004 9C8.75004 7.20507 10.2051 5.75 12 5.75C13.795 5.75 15.25 7.20507 15.25 9C15.25 10.7949 13.795 12.25 12 12.25C10.2051 12.25 8.75004 10.7949 8.75004 9ZM12 4.25C9.37669 4.25 7.25004 6.37665 7.25004 9C7.25004 11.6234 9.37669 13.75 12 13.75C14.6234 13.75 16.75 11.6234 16.75 9C16.75 6.37665 14.6234 4.25 12 4.25Z"
}

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