Library: Tools

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="M4.87017 2.57195C4.60157 2.44079 4.27717 2.49221 4.06483 2.69958L2.20436 4.51652C1.99202 4.7239 1.93938 5.04071 2.07367 5.30302L3.93414 8.93691C4.05232 9.16774 4.2939 9.31355 4.55816 9.31355H6.12963L9.1529 12.2661L3.13459 18.1436C2.34838 18.9114 2.34838 20.1563 3.13459 20.9241C3.9208 21.692 5.1955 21.692 5.98171 20.9241L11.0698 15.9551L15.2276 20.0156C16.5276 21.2852 18.6352 21.2852 19.9352 20.0156C21.2352 18.7461 21.2352 16.6877 19.9352 15.4182L15.7774 11.3576L16.2229 10.9225C16.6515 11.0577 17.1082 11.1305 17.5814 11.1305C20.0217 11.1305 22 9.19852 22 6.81528C22 6.18334 21.8605 5.58139 21.6092 5.03873C21.5148 4.8349 21.324 4.68931 21.0986 4.64918C20.8733 4.60906 20.6421 4.67952 20.4802 4.8377L18.9485 6.33349C18.7072 6.56914 18.316 6.56914 18.0747 6.33349C17.8334 6.09784 17.8334 5.71578 18.0747 5.48013L19.6064 3.98433C19.7683 3.82615 19.8405 3.6004 19.7994 3.38033C19.7583 3.16026 19.6092 2.9739 19.4005 2.88172C18.8448 2.63631 18.2285 2.50004 17.5814 2.50004C15.1411 2.50004 13.1628 4.43204 13.1628 6.81528C13.1628 7.27738 13.2374 7.72344 13.3758 8.14201L12 9.48557L8.97676 6.53303V4.99831C8.97676 4.74024 8.82745 4.50431 8.59109 4.38889L4.87017 2.57195ZM12.4933 10.9309L14.6826 8.79286C14.8879 8.59237 14.9446 8.28866 14.825 8.03031C14.6538 7.6606 14.5581 7.24977 14.5581 6.81528C14.5581 5.18464 15.9117 3.86275 17.5814 3.86275C17.6389 3.86275 17.6961 3.86431 17.7528 3.86739L17.0881 4.51655C16.3019 5.28437 16.3019 6.52925 17.0881 7.29707C17.8743 8.06489 19.149 8.06489 19.9352 7.29707L20.5999 6.64792C20.6031 6.70328 20.6047 6.75908 20.6047 6.81528C20.6047 8.44592 19.2511 9.76781 17.5814 9.76781C17.1365 9.76781 16.7158 9.67439 16.3373 9.5072C16.0727 9.39036 15.7617 9.44573 15.5564 9.64623L14.3011 10.8722L14.2974 10.8758L10.5764 14.5097L10.5727 14.5133L4.99505 19.9606C4.75376 20.1962 4.36254 20.1962 4.12125 19.9606C3.87995 19.7249 3.87995 19.3428 4.12125 19.1072L10.6329 12.7479L12.4933 10.9309ZM11.0134 10.4491L10.1395 11.3025L6.91195 8.15041C6.78111 8.02263 6.60366 7.95085 6.41862 7.95085H4.98934L3.5466 5.13285L4.69592 4.01042L7.58141 5.41941V6.81526C7.58141 6.99596 7.65492 7.16927 7.78575 7.29705L11.0134 10.4491ZM16.2143 19.0521L12.0564 14.9915L14.7907 12.3212L18.9485 16.3818C19.7036 17.1191 19.7036 18.3147 18.9485 19.0521C18.1935 19.7894 16.9693 19.7894 16.2143 19.0521Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M4.87017 2.57195C4.60157 2.44079 4.27717 2.49221 4.06483 2.69958L2.20436 4.51652C1.99202 4.7239 1.93938 5.04071 2.07367 5.30302L3.93414 8.93691C4.05232 9.16774 4.2939 9.31355 4.55816 9.31355H6.12963L9.1529 12.2661L3.13459 18.1436C2.34838 18.9114 2.34838 20.1563 3.13459 20.9241C3.9208 21.692 5.1955 21.692 5.98171 20.9241L11.0698 15.9551L15.2276 20.0156C16.5276 21.2852 18.6352 21.2852 19.9352 20.0156C21.2352 18.7461 21.2352 16.6877 19.9352 15.4182L15.7774 11.3576L16.2229 10.9225C16.6515 11.0577 17.1082 11.1305 17.5814 11.1305C20.0217 11.1305 22 9.19852 22 6.81528C22 6.18334 21.8605 5.58139 21.6092 5.03873C21.5148 4.8349 21.324 4.68931 21.0986 4.64918C20.8733 4.60906 20.6421 4.67952 20.4802 4.8377L18.9485 6.33349C18.7072 6.56914 18.316 6.56914 18.0747 6.33349C17.8334 6.09784 17.8334 5.71578 18.0747 5.48013L19.6064 3.98433C19.7683 3.82615 19.8405 3.6004 19.7994 3.38033C19.7583 3.16026 19.6092 2.9739 19.4005 2.88172C18.8448 2.63631 18.2285 2.50004 17.5814 2.50004C15.1411 2.50004 13.1628 4.43204 13.1628 6.81528C13.1628 7.27738 13.2374 7.72344 13.3758 8.14201L12 9.48557L8.97676 6.53303V4.99831C8.97676 4.74024 8.82745 4.50431 8.59109 4.38889L4.87017 2.57195ZM12.4933 10.9309L14.6826 8.79286C14.8879 8.59237 14.9446 8.28866 14.825 8.03031C14.6538 7.6606 14.5581 7.24977 14.5581 6.81528C14.5581 5.18464 15.9117 3.86275 17.5814 3.86275C17.6389 3.86275 17.6961 3.86431 17.7528 3.86739L17.0881 4.51655C16.3019 5.28437 16.3019 6.52925 17.0881 7.29707C17.8743 8.06489 19.149 8.06489 19.9352 7.29707L20.5999 6.64792C20.6031 6.70328 20.6047 6.75908 20.6047 6.81528C20.6047 8.44592 19.2511 9.76781 17.5814 9.76781C17.1365 9.76781 16.7158 9.67439 16.3373 9.5072C16.0727 9.39036 15.7617 9.44573 15.5564 9.64623L14.3011 10.8722L14.2974 10.8758L10.5764 14.5097L10.5727 14.5133L4.99505 19.9606C4.75376 20.1962 4.36254 20.1962 4.12125 19.9606C3.87995 19.7249 3.87995 19.3428 4.12125 19.1072L10.6329 12.7479L12.4933 10.9309ZM11.0134 10.4491L10.1395 11.3025L6.91195 8.15041C6.78111 8.02263 6.60366 7.95085 6.41862 7.95085H4.98934L3.5466 5.13285L4.69592 4.01042L7.58141 5.41941V6.81526C7.58141 6.99596 7.65492 7.16927 7.78575 7.29705L11.0134 10.4491ZM16.2143 19.0521L12.0564 14.9915L14.7907 12.3212L18.9485 16.3818C19.7036 17.1191 19.7036 18.3147 18.9485 19.0521C18.1935 19.7894 16.9693 19.7894 16.2143 19.0521Z"
}

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