ICONYZ
Português (Brasil)
Ícone Log Out de Keyline Icons

Ícone Log Out

keyline-icons:log-out

O ícone Log Out (keyline-icons:log-out) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Keyline Icons
Autor
Keyline Icons
Licença
MIT
Tamanho
24 × 24
Tags
logout
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 4L7 4C4.7909 4 3 5.7909 3 8L3 16C3 18.2091 4.7909 20 7 20L9 20M20.2307 12L10.1093 12M15.17 6.5L20.8359 11.6314C21.0547 11.8296 21.0547 12.1704 20.8359 12.3686L15.17 17.5"/></svg>

Como usar o ícone Log Out

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:log-out" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:log-out" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:log-out" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--log-out]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:log-out"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:log-out"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/log-out.svg" alt="Ícone Log Out" width="24" height="24">

Ícones relacionados em Keyline Icons

Ícone log-in
log-in
 Ícone log-in-duotone
log-in-duotone
 Ícone log-in-fill
log-in-fill
 Ícone log-in-sharp
log-in-sharp
 Ícone log-in-sharp-duotone
log-in-sharp-duotone
 Ícone log-in-sharp-fill
log-in-sharp-fill
 Ícone log-in-sharp-two-tone
log-in-sharp-two-tone
 Ícone log-in-two-tone
log-in-two-tone
 Ícone log-out-duotone
log-out-duotone
 Ícone log-out-fill
log-out-fill
 Ícone log-out-sharp
log-out-sharp
 Ícone log-out-sharp-duotone
log-out-sharp-duotone
 Ícone log-out-sharp-fill
log-out-sharp-fill
 Ícone log-out-sharp-two-tone
log-out-sharp-two-tone
 Ícone log-out-two-tone
log-out-two-tone

O ícone Log Out em outras coleções

Ícone Log Out de Lucide
Lucide
 Ícone Log Out de BoxIcons v2
BoxIcons v2
 Ícone Log Out de BoxIcons v2 Solid
BoxIcons v2 Solid
 Ícone Log Out de Entypo+
Entypo+
 Ícone Log Out de Famicons
Famicons
 Ícone Log Out de Feather Icons
Feather Icons
 Ícone Log Out de Griddy Icons
Griddy Icons
 Ícone Log Out de Huge Icons
Huge Icons
 Ícone Log Out de IconOven
IconOven
 Ícone Log Out de Iconoir
Iconoir
 Ícone Log Out de IonIcons
IonIcons
 Ícone Log Out de Jam Icons
Jam Icons

Perguntas frequentes sobre Ícone Log Out

O ícone Log Out é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Log Out no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:log-out" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Log Out a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/log-out.svg" alt="Ícone Log Out">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →