ICONYZ
Português (Brasil)
Ícone Sign Out de Lets Icons

Ícone Sign Out

lets-icons:sign-out

O ícone Sign Out (lets-icons:sign-out) é um ícone SVG gratuito da coleção Lets Icons de Leonid Tsvetkov. Ele é desenhado em uma grade de 24 × 24. Lets Icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Lets Icons
Autor
Leonid Tsvetkov
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Login
Tags
signout
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21.95 11h-9.536l3.293-3.293l-1.414-1.414l-5 5l-.707.707l.707.707l5 5l1.414-1.414L12.414 13h9.537c-.502 5.053-4.766 9-9.951 9c-5.523 0-10-4.477-10-10S6.477 2 12 2c5.185 0 9.449 3.947 9.95 9" clip-rule="evenodd"/></svg>

Como usar o ícone Sign Out

React

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

<Icon icon="lets-icons:sign-out" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:sign-out" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:sign-out" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="lets-icons:sign-out"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Lets Icons

Ícone sign-in
sign-in
 Ícone sign-in-circle
sign-in-circle
 Ícone sign-in-circle-duotone
sign-in-circle-duotone
 Ícone sign-in-circle-duotone-line
sign-in-circle-duotone-line
 Ícone sign-in-circle-light
sign-in-circle-light
 Ícone sign-in-squre
sign-in-squre
 Ícone sign-in-squre-duotone
sign-in-squre-duotone
 Ícone sign-in-squre-duotone-line
sign-in-squre-duotone-line
 Ícone sign-in-squre-fill
sign-in-squre-fill
 Ícone sign-in-squre-light
sign-in-squre-light
 Ícone sign-out-circle
sign-out-circle
 Ícone sign-out-circle-duotone
sign-out-circle-duotone
 Ícone sign-out-circle-duotone-line
sign-out-circle-duotone-line
 Ícone sign-out-circle-light
sign-out-circle-light
 Ícone sign-out-squre
sign-out-squre
 Ícone sign-out-squre-duotone
sign-out-squre-duotone
 Ícone sign-out-squre-duotone-line
sign-out-squre-duotone-line
 Ícone sign-out-squre-fill
sign-out-squre-fill
 Ícone sign-out-squre-light
sign-out-squre-light

O ícone Sign Out em outras coleções

Ícone Sign Out de Phosphor
Phosphor
 Ícone Sign Out de Akar Icons
Akar Icons
 Ícone Sign Out de Bytesize Icons
Bytesize Icons
 Ícone Sign Out de Charm Icons
Charm Icons
 Ícone Sign Out de Codicons
Codicons
 Ícone Sign Out de Fluent UI MDL2
Fluent UI MDL2
 Ícone Sign Out de Font Awesome 4
Font Awesome 4
 Ícone Sign Out de Font Awesome Solid
Font Awesome Solid
 Ícone Sign Out de Gridicons
Gridicons
 Ícone Sign Out de Prime Icons
Prime Icons
 Ícone Sign Out de SmartIcons Glyph
SmartIcons Glyph
 Ícone Sign Out de Unicons Monochrome
Unicons Monochrome

Perguntas frequentes sobre Ícone Sign Out

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

Sim. Lets Icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Sign Out no React?

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

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

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

Ver todos os Lets Icons →