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

Иконка Log Out

keyline-icons:log-out

Иконка Log Out (keyline-icons:log-out) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Теги
logout
Скачать SVG

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

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

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

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

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

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

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

Иконка log-in
log-in
 Иконка log-in-duotone
log-in-duotone
 Иконка log-in-fill
log-in-fill
 Иконка log-in-sharp
log-in-sharp
 Иконка log-in-sharp-duotone
log-in-sharp-duotone
 Иконка log-in-sharp-fill
log-in-sharp-fill
 Иконка log-in-sharp-two-tone
log-in-sharp-two-tone
 Иконка log-in-two-tone
log-in-two-tone
 Иконка log-out-duotone
log-out-duotone
 Иконка log-out-fill
log-out-fill
 Иконка log-out-sharp
log-out-sharp
 Иконка log-out-sharp-duotone
log-out-sharp-duotone
 Иконка log-out-sharp-fill
log-out-sharp-fill
 Иконка log-out-sharp-two-tone
log-out-sharp-two-tone
 Иконка log-out-two-tone
log-out-two-tone

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

Иконка Log Out из набора Lucide
Lucide
 Иконка Log Out из набора BoxIcons v2
BoxIcons v2
 Иконка Log Out из набора BoxIcons v2 Solid
BoxIcons v2 Solid
 Иконка Log Out из набора Entypo+
Entypo+
 Иконка Log Out из набора Famicons
Famicons
 Иконка Log Out из набора Feather Icons
Feather Icons
 Иконка Log Out из набора Griddy Icons
Griddy Icons
 Иконка Log Out из набора Huge Icons
Huge Icons
 Иконка Log Out из набора IconOven
IconOven
 Иконка Log Out из набора Iconoir
Iconoir
 Иконка Log Out из набора IonIcons
IonIcons
 Иконка Log Out из набора Jam Icons
Jam Icons

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

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

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

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

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

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

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

Все Keyline Icons →