Library: Delete

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="M9.53361 4.08953C9.76265 3.85763 10.025 3.75 10.2222 3.75H13.7778C13.975 3.75 14.2374 3.85763 14.4664 4.08953C14.6948 4.32084 14.8056 4.59065 14.8056 4.8V5.85H9.19444V4.8C9.19444 4.59065 9.30515 4.32084 9.53361 4.08953ZM16.3056 5.85V4.8C16.3056 4.10935 15.9718 3.47916 15.5336 3.03547C15.096 2.59237 14.4695 2.25 13.7778 2.25H10.2222C9.53054 2.25 8.90402 2.59237 8.46639 3.03547C8.02818 3.47916 7.69444 4.10935 7.69444 4.8V5.85H4C3.58579 5.85 3.25 6.18579 3.25 6.6C3.25 7.01421 3.58579 7.35 4 7.35H5.02778V19.2C5.02778 19.8906 5.36152 20.5208 5.79972 20.9645C6.23735 21.4076 6.86387 21.75 7.55556 21.75H16.4444C17.1361 21.75 17.7626 21.4076 18.2003 20.9645C18.6385 20.5208 18.9722 19.8906 18.9722 19.2V7.35H20C20.4142 7.35 20.75 7.01421 20.75 6.6C20.75 6.18579 20.4142 5.85 20 5.85H16.3056ZM6.52778 7.35H17.4722V19.2C17.4722 19.4094 17.3615 19.6792 17.1331 19.9105C16.904 20.1424 16.6417 20.25 16.4444 20.25H7.55556C7.35835 20.25 7.09598 20.1424 6.86695 19.9105C6.63848 19.6792 6.52778 19.4094 6.52778 19.2V7.35ZM10.2222 10.35C9.80801 10.35 9.47222 10.6858 9.47222 11.1V16.5C9.47222 16.9142 9.80801 17.25 10.2222 17.25C10.6364 17.25 10.9722 16.9142 10.9722 16.5V11.1C10.9722 10.6858 10.6364 10.35 10.2222 10.35ZM13.7778 10.35C13.3636 10.35 13.0278 10.6858 13.0278 11.1V16.5C13.0278 16.9142 13.3636 17.25 13.7778 17.25C14.192 17.25 14.5278 16.9142 14.5278 16.5V11.1C14.5278 10.6858 14.192 10.35 13.7778 10.35Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M9.53361 4.08953C9.76265 3.85763 10.025 3.75 10.2222 3.75H13.7778C13.975 3.75 14.2374 3.85763 14.4664 4.08953C14.6948 4.32084 14.8056 4.59065 14.8056 4.8V5.85H9.19444V4.8C9.19444 4.59065 9.30515 4.32084 9.53361 4.08953ZM16.3056 5.85V4.8C16.3056 4.10935 15.9718 3.47916 15.5336 3.03547C15.096 2.59237 14.4695 2.25 13.7778 2.25H10.2222C9.53054 2.25 8.90402 2.59237 8.46639 3.03547C8.02818 3.47916 7.69444 4.10935 7.69444 4.8V5.85H4C3.58579 5.85 3.25 6.18579 3.25 6.6C3.25 7.01421 3.58579 7.35 4 7.35H5.02778V19.2C5.02778 19.8906 5.36152 20.5208 5.79972 20.9645C6.23735 21.4076 6.86387 21.75 7.55556 21.75H16.4444C17.1361 21.75 17.7626 21.4076 18.2003 20.9645C18.6385 20.5208 18.9722 19.8906 18.9722 19.2V7.35H20C20.4142 7.35 20.75 7.01421 20.75 6.6C20.75 6.18579 20.4142 5.85 20 5.85H16.3056ZM6.52778 7.35H17.4722V19.2C17.4722 19.4094 17.3615 19.6792 17.1331 19.9105C16.904 20.1424 16.6417 20.25 16.4444 20.25H7.55556C7.35835 20.25 7.09598 20.1424 6.86695 19.9105C6.63848 19.6792 6.52778 19.4094 6.52778 19.2V7.35ZM10.2222 10.35C9.80801 10.35 9.47222 10.6858 9.47222 11.1V16.5C9.47222 16.9142 9.80801 17.25 10.2222 17.25C10.6364 17.25 10.9722 16.9142 10.9722 16.5V11.1C10.9722 10.6858 10.6364 10.35 10.2222 10.35ZM13.7778 10.35C13.3636 10.35 13.0278 10.6858 13.0278 11.1V16.5C13.0278 16.9142 13.3636 17.25 13.7778 17.25C14.192 17.25 14.5278 16.9142 14.5278 16.5V11.1C14.5278 10.6858 14.192 10.35 13.7778 10.35Z"
}

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