Library: Notification On 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.0001 2.75C13.3924 2.75 14.7278 3.30312 15.7124 4.28769C16.6969 5.27226 17.2501 6.60761 17.2501 8C17.2501 11.6105 18.0248 13.9865 18.8416 15.4841C18.9987 15.7721 19.1568 16.0265 19.3102 16.25H4.68988C4.84336 16.0265 5.0014 15.7721 5.15848 15.4841C5.97536 13.9865 6.75006 11.6105 6.75006 8C6.75006 6.60761 7.30318 5.27226 8.28775 4.28769C9.27231 3.30312 10.6077 2.75 12.0001 2.75ZM21.4225 16.3803C21.4224 16.3802 21.4226 16.3804 21.4225 16.3803C21.421 16.3792 21.418 16.377 21.4142 16.3742C21.403 16.3658 21.3815 16.3494 21.3513 16.3242C21.2909 16.2739 21.1953 16.1885 21.0758 16.0623C20.8371 15.8104 20.5011 15.394 20.1585 14.7659C19.4754 13.5135 18.7501 11.3895 18.7501 8C18.7501 6.20979 18.0389 4.4929 16.773 3.22703C15.5072 1.96116 13.7903 1.25 12.0001 1.25C10.2098 1.25 8.49296 1.96116 7.22709 3.22703C5.96122 4.4929 5.25006 6.20979 5.25006 8C5.25006 11.3895 4.52476 13.5135 3.84164 14.7659C3.49904 15.394 3.16298 15.8104 2.92434 16.0623C2.80483 16.1885 2.70925 16.2739 2.64883 16.3242C2.61861 16.3494 2.59716 16.3658 2.58589 16.3742C2.58165 16.3774 2.57886 16.3794 2.57757 16.3803C2.30713 16.5647 2.18722 16.9035 2.28224 17.2173C2.37801 17.5337 2.66956 17.75 3.00006 17.75H21.0001C21.3306 17.75 21.6221 17.5337 21.7179 17.2173C21.8129 16.9035 21.693 16.5647 21.4225 16.3803ZM9.93872 20.3428C10.3017 20.1432 10.7577 20.2757 10.9573 20.6387C11.0599 20.8254 11.2109 20.9811 11.3943 21.0896C11.5778 21.1981 11.787 21.2553 12.0001 21.2553C12.2132 21.2553 12.4224 21.1981 12.6058 21.0896C12.7892 20.9811 12.9402 20.8254 13.0428 20.6387C13.2424 20.2757 13.6984 20.1432 14.0614 20.3428C14.4244 20.5423 14.5568 20.9984 14.3573 21.3613C14.1252 21.7835 13.784 22.1355 13.3693 22.3808C12.9547 22.626 12.4818 22.7553 12.0001 22.7553C11.5183 22.7553 11.0454 22.626 10.6308 22.3808C10.2161 22.1355 9.87493 21.7835 9.64284 21.3613C9.44328 20.9984 9.57575 20.5423 9.93872 20.3428Z" fill="currentColor" />
</svg>


        {% include "@template-icon" %}


        
            
            {
  "type": "library",
  "path": "M12.0001 2.75C13.3924 2.75 14.7278 3.30312 15.7124 4.28769C16.6969 5.27226 17.2501 6.60761 17.2501 8C17.2501 11.6105 18.0248 13.9865 18.8416 15.4841C18.9987 15.7721 19.1568 16.0265 19.3102 16.25H4.68988C4.84336 16.0265 5.0014 15.7721 5.15848 15.4841C5.97536 13.9865 6.75006 11.6105 6.75006 8C6.75006 6.60761 7.30318 5.27226 8.28775 4.28769C9.27231 3.30312 10.6077 2.75 12.0001 2.75ZM21.4225 16.3803C21.4224 16.3802 21.4226 16.3804 21.4225 16.3803C21.421 16.3792 21.418 16.377 21.4142 16.3742C21.403 16.3658 21.3815 16.3494 21.3513 16.3242C21.2909 16.2739 21.1953 16.1885 21.0758 16.0623C20.8371 15.8104 20.5011 15.394 20.1585 14.7659C19.4754 13.5135 18.7501 11.3895 18.7501 8C18.7501 6.20979 18.0389 4.4929 16.773 3.22703C15.5072 1.96116 13.7903 1.25 12.0001 1.25C10.2098 1.25 8.49296 1.96116 7.22709 3.22703C5.96122 4.4929 5.25006 6.20979 5.25006 8C5.25006 11.3895 4.52476 13.5135 3.84164 14.7659C3.49904 15.394 3.16298 15.8104 2.92434 16.0623C2.80483 16.1885 2.70925 16.2739 2.64883 16.3242C2.61861 16.3494 2.59716 16.3658 2.58589 16.3742C2.58165 16.3774 2.57886 16.3794 2.57757 16.3803C2.30713 16.5647 2.18722 16.9035 2.28224 17.2173C2.37801 17.5337 2.66956 17.75 3.00006 17.75H21.0001C21.3306 17.75 21.6221 17.5337 21.7179 17.2173C21.8129 16.9035 21.693 16.5647 21.4225 16.3803ZM9.93872 20.3428C10.3017 20.1432 10.7577 20.2757 10.9573 20.6387C11.0599 20.8254 11.2109 20.9811 11.3943 21.0896C11.5778 21.1981 11.787 21.2553 12.0001 21.2553C12.2132 21.2553 12.4224 21.1981 12.6058 21.0896C12.7892 20.9811 12.9402 20.8254 13.0428 20.6387C13.2424 20.2757 13.6984 20.1432 14.0614 20.3428C14.4244 20.5423 14.5568 20.9984 14.3573 21.3613C14.1252 21.7835 13.784 22.1355 13.3693 22.3808C12.9547 22.626 12.4818 22.7553 12.0001 22.7553C11.5183 22.7553 11.0454 22.626 10.6308 22.3808C10.2161 22.1355 9.87493 21.7835 9.64284 21.3613C9.44328 20.9984 9.57575 20.5423 9.93872 20.3428Z"
}

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