Library: Star Outline

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.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M12.679 2.68133C12.5554 2.41809 12.2908 2.25 12 2.25C11.7092 2.25 11.4446 2.41809 11.3211 2.68133L8.70998 8.24428L2.88674 9.13399C2.60886 9.17645 2.37805 9.37073 2.28881 9.6373C2.19958 9.90386 2.26689 10.1979 2.4632 10.3992L6.69886 14.7404L5.6975 20.8793C5.65126 21.1627 5.77096 21.4477 6.00576 21.6131C6.24055 21.7785 6.54919 21.7953 6.80056 21.6564L12 18.7822L17.1995 21.6564C17.4508 21.7953 17.7595 21.7785 17.9943 21.6131C18.2291 21.4477 18.3488 21.1627 18.3025 20.8793L17.3012 14.7404L21.5368 10.3992C21.7331 10.1979 21.8005 9.90386 21.7112 9.6373C21.622 9.37073 21.3912 9.17645 21.1133 9.13399L15.2901 8.24428L12.679 2.68133ZM9.8978 9.24391L12 4.76513L14.1022 9.24391C14.2085 9.47032 14.4207 9.62885 14.6679 9.66663L19.4439 10.3963L15.9632 13.9638C15.797 14.1342 15.7215 14.3733 15.7598 14.6083L16.5735 19.5964L12.3629 17.2688C12.1371 17.144 11.863 17.144 11.6372 17.2688L7.42658 19.5964L8.24024 14.6083C8.27856 14.3733 8.20307 14.1342 8.03684 13.9638L4.55614 10.3963L9.33214 9.66663C9.57938 9.62885 9.79153 9.47032 9.8978 9.24391Z"
}

Handle: @icons-library--star-outline
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
Referenced by (6): @rating-list, @rating-list--without-title, @rating-summary, @rating-summary--vertical, @rating-summary--inline, @carousel--reviews

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