Iconro
Logout icon
Misc

Logout Icon

A logout icon for navigation, UI states and product surfaces.

logout icon
Preview background

SVG code


        
The copied SVG includes a credit comment linking back to Iconro. Please keep it intact.

      


      

        

          
Attribution required

          
        

        

          Iconro icons are free for personal and commercial use, but attribution is required.
          Add the snippet below near the icon — typically in a credits, README or footer section —
          or keep the credit comment in the copied SVG intact.
        

        
<a href="https://www.iconro.com/icon/hero-solid-logout" target="_blank" rel="noopener">Logout icon</a> by <a href="https://www.iconro.com" target="_blank" rel="noopener">Iconro</a>

        

          Plain-text alternative: Logout icon by Iconro — https://www.iconro.com
        

      


      

        
Download

        

          
          
          
          Original
        

      

    


    
  






  
How Logout Looks On Your Site

  

    

      
As a CTA button

      
    

    

      
On a dark surface

      
      
Looks great on dark

      
Use currentColor in dark themes.

    

    

      
As a metric

      
      
12.4k

      
Active users

    

  






  

    
About the Logout icon

    

      The Logout icon is part of Iconro —
      the largest free SVG and PNG icon library on the web, with 142,000+ editable icons.
      A logout icon for navigation, UI states and product surfaces.      Whether you are designing a website, mobile app, dashboard or marketing landing page, this icon ships in a clean
      24×24 viewBox and uses currentColor by default — so it adapts automatically to whatever colour you
      apply via CSS.
    

    
Available formats

    
    
License & attribution

    

      Free for personal and commercial use. Attribution is required — please link back to
      iconro.com wherever
      this icon is used (a README, footer, credits page or design file is fine), or keep the credit comment
      that ships inside the copied SVG. See the terms for details.
    

    
<a href="https://www.iconro.com/icon/hero-solid-logout" target="_blank" rel="noopener">Logout icon</a> by <a href="https://www.iconro.com" target="_blank" rel="noopener">Iconro</a>

  







  

    
Related icons

    Browse all →
  

  

          
        

        Zap
      
          
        

        Coffee
      
          
        

        Award
      
          
        

        Paperclip
      
          
        

        External Link
      
          
        

        Smile
      
          
        

        Frown
      
          
        

        Meh