Library: Color 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="M16.6931 2.79314L14.3902 4.52035C14.1312 4.71458 13.7688 4.68883 13.5399 4.45993L13.0399 3.95993C13.0178 3.93781 12.982 3.93781 12.9599 3.95993C12.9377 3.98204 12.9377 4.01789 12.9599 4.04L13.9598 5.03999L16.9598 8.03999L17.9598 9.04C17.982 9.06211 18.0178 9.06211 18.0399 9.04C18.062 9.01789 18.062 8.98204 18.0399 8.95993L17.5399 8.45993C17.311 8.23103 17.2853 7.86864 17.4795 7.60967L19.2067 5.30673C19.7428 4.59194 19.6717 3.59172 19.0399 2.95993C18.4081 2.32813 17.4079 2.25705 16.6931 2.79314ZM12.58 5.49995L12.0399 4.95993C11.5098 4.42975 11.5098 3.57017 12.0399 3.04C12.5701 2.50983 13.4297 2.50983 13.9599 3.04L14.0609 3.14108L15.9125 1.75237C17.1453 0.827814 18.8703 0.950406 19.9598 2.04C21.0494 3.12959 21.172 4.85458 20.2475 6.08731L18.8588 7.93892L18.9598 8.04C19.49 8.57017 19.49 9.42975 18.9598 9.95993C18.4297 10.4901 17.5701 10.4901 17.0399 9.95993L16.4999 9.41988L9.45982 16.4599C9.33783 16.5819 9.17237 16.6504 8.99985 16.6504H7.26929L6.45982 17.4599C6.20579 17.714 5.79392 17.714 5.53989 17.4599L4.53989 16.4599C4.28586 16.2059 4.28586 15.794 4.53989 15.54L5.34937 14.7305V13C5.34937 12.8274 5.4179 12.662 5.53989 12.54L12.58 5.49995ZM13.4999 6.41988L6.65034 13.2694V15C6.65034 15.1725 6.58181 15.3379 6.45982 15.4599L5.91978 16L5.99985 16.08L6.53989 15.54C6.66188 15.418 6.82733 15.3495 6.99985 15.3495H8.73041L15.5799 8.49996L13.4999 6.41988ZM4.49986 17.25C4.8125 17.25 5.09234 17.4439 5.20211 17.7366L6.17542 20.3321C6.61413 21.502 5.7493 22.75 4.49986 22.75C3.25042 22.75 2.38559 21.502 2.8243 20.3321L3.79762 17.7366C3.90739 17.4439 4.18723 17.25 4.49986 17.25ZM4.49986 20.136L4.22879 20.8588C4.15782 21.0481 4.29773 21.25 4.49986 21.25C4.70199 21.25 4.8419 21.0481 4.77093 20.8588L4.49986 20.136Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M16.6931 2.79314L14.3902 4.52035C14.1312 4.71458 13.7688 4.68883 13.5399 4.45993L13.0399 3.95993C13.0178 3.93781 12.982 3.93781 12.9599 3.95993C12.9377 3.98204 12.9377 4.01789 12.9599 4.04L13.9598 5.03999L16.9598 8.03999L17.9598 9.04C17.982 9.06211 18.0178 9.06211 18.0399 9.04C18.062 9.01789 18.062 8.98204 18.0399 8.95993L17.5399 8.45993C17.311 8.23103 17.2853 7.86864 17.4795 7.60967L19.2067 5.30673C19.7428 4.59194 19.6717 3.59172 19.0399 2.95993C18.4081 2.32813 17.4079 2.25705 16.6931 2.79314ZM12.58 5.49995L12.0399 4.95993C11.5098 4.42975 11.5098 3.57017 12.0399 3.04C12.5701 2.50983 13.4297 2.50983 13.9599 3.04L14.0609 3.14108L15.9125 1.75237C17.1453 0.827814 18.8703 0.950406 19.9598 2.04C21.0494 3.12959 21.172 4.85458 20.2475 6.08731L18.8588 7.93892L18.9598 8.04C19.49 8.57017 19.49 9.42975 18.9598 9.95993C18.4297 10.4901 17.5701 10.4901 17.0399 9.95993L16.4999 9.41988L9.45982 16.4599C9.33783 16.5819 9.17237 16.6504 8.99985 16.6504H7.26929L6.45982 17.4599C6.20579 17.714 5.79392 17.714 5.53989 17.4599L4.53989 16.4599C4.28586 16.2059 4.28586 15.794 4.53989 15.54L5.34937 14.7305V13C5.34937 12.8274 5.4179 12.662 5.53989 12.54L12.58 5.49995ZM13.4999 6.41988L6.65034 13.2694V15C6.65034 15.1725 6.58181 15.3379 6.45982 15.4599L5.91978 16L5.99985 16.08L6.53989 15.54C6.66188 15.418 6.82733 15.3495 6.99985 15.3495H8.73041L15.5799 8.49996L13.4999 6.41988ZM4.49986 17.25C4.8125 17.25 5.09234 17.4439 5.20211 17.7366L6.17542 20.3321C6.61413 21.502 5.7493 22.75 4.49986 22.75C3.25042 22.75 2.38559 21.502 2.8243 20.3321L3.79762 17.7366C3.90739 17.4439 4.18723 17.25 4.49986 17.25ZM4.49986 20.136L4.22879 20.8588C4.15782 21.0481 4.29773 21.25 4.49986 21.25C4.70199 21.25 4.8419 21.0481 4.77093 20.8588L4.49986 20.136Z"
}

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

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