ICONYZ
Русский
Иконка Sign Out из набора Lets Icons

Иконка Sign Out

lets-icons:sign-out

Иконка Sign Out (lets-icons:sign-out) — бесплатная SVG-иконка из набора Lets Icons от Leonid Tsvetkov. Она нарисована на сетке 24 × 24. Lets Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Lets Icons
Автор
Leonid Tsvetkov
Лицензия
CC-BY-4.0
Размер
24 × 24
Категория
Вход
Теги
signout
Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/sign-out.svg" alt="Иконка Sign Out" width="24" height="24">

Похожие иконки в наборе Lets Icons

Иконка sign-in
sign-in
 Иконка sign-in-circle
sign-in-circle
 Иконка sign-in-circle-duotone
sign-in-circle-duotone
 Иконка sign-in-circle-duotone-line
sign-in-circle-duotone-line
 Иконка sign-in-circle-light
sign-in-circle-light
 Иконка sign-in-squre
sign-in-squre
 Иконка sign-in-squre-duotone
sign-in-squre-duotone
 Иконка sign-in-squre-duotone-line
sign-in-squre-duotone-line
 Иконка sign-in-squre-fill
sign-in-squre-fill
 Иконка sign-in-squre-light
sign-in-squre-light
 Иконка sign-out-circle
sign-out-circle
 Иконка sign-out-circle-duotone
sign-out-circle-duotone
 Иконка sign-out-circle-duotone-line
sign-out-circle-duotone-line
 Иконка sign-out-circle-light
sign-out-circle-light
 Иконка sign-out-squre
sign-out-squre
 Иконка sign-out-squre-duotone
sign-out-squre-duotone
 Иконка sign-out-squre-duotone-line
sign-out-squre-duotone-line
 Иконка sign-out-squre-fill
sign-out-squre-fill
 Иконка sign-out-squre-light
sign-out-squre-light

Иконка Sign Out в других наборах

Иконка Sign Out из набора Phosphor
Phosphor
 Иконка Sign Out из набора Akar Icons
Akar Icons
 Иконка Sign Out из набора Bytesize Icons
Bytesize Icons
 Иконка Sign Out из набора Charm Icons
Charm Icons
 Иконка Sign Out из набора Codicons
Codicons
 Иконка Sign Out из набора Fluent UI MDL2
Fluent UI MDL2
 Иконка Sign Out из набора Font Awesome 4
Font Awesome 4
 Иконка Sign Out из набора Font Awesome Solid
Font Awesome Solid
 Иконка Sign Out из набора Gridicons
Gridicons
 Иконка Sign Out из набора Prime Icons
Prime Icons
 Иконка Sign Out из набора SmartIcons Glyph
SmartIcons Glyph
 Иконка Sign Out из набора Unicons Monochrome
Unicons Monochrome

Вопросы и ответы: Иконка Sign Out

Можно ли бесплатно использовать иконку Sign Out в коммерческих проектах?

Да. Lets Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Sign Out в React?

Установите @iconify/react и выведите <Icon icon="lets-icons:sign-out" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sign Out на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/lets-icons/sign-out.svg" alt="Иконка Sign Out">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Lets Icons →