أيقونة Login Logout Key

streamline-freehand:login-logout-key

أيقونة Login Logout Key (streamline-freehand:login-logout-key) أيقونة SVG مجانية من مجموعة Freehand free icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Freehand free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Freehand free icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: أساسيات الواجهة
الوسوم: loginlogout، logoutkey، loginlogoutkey

تنزيل 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="M6.907 17.681a2.2 2.2 0 0 0-1.148-.759a2.395 2.395 0 0 0-2.996 1.997a2.33 2.33 0 0 0 1.768 2.507a2.296 2.296 0 0 0 2.696-1.208a3 3 0 0 0 .17-.44a2.56 2.56 0 0 0-.49-2.097m-.09 1.868q-.066.163-.15.32a1.56 1.56 0 0 1-1.867.668a1.42 1.42 0 0 1-.998-1.528a1.45 1.45 0 0 1 .609-.998a1.6 1.6 0 0 1 1.198-.32c.32.047.614.198.839.43c.699.729.43 1.288.37 1.428" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M19.1 8.884c-.11-.5-.42-1.618-.53-1.997q.281-.925.44-1.877a4 4 0 0 0 0-1.508a.51.51 0 0 0-.62-.37l-.359.1c-.839.27-2.906.999-3.115 1.149a32 32 0 0 0-2.697 2.795c-1.807 1.998-4.124 4.664-5.621 6.361a5.66 5.66 0 0 0-4.244.919a5.21 5.21 0 0 0-2.317 3.735a4.92 4.92 0 0 0 1.198 3.864a5.63 5.63 0 0 0 3.605 1.827a.27.27 0 0 0 .285-.333a.25.25 0 0 0-.225-.186a5.07 5.07 0 0 1-3.185-1.697a4.25 4.25 0 0 1-.999-3.396a4.5 4.5 0 0 1 2.047-3.165a4.77 4.77 0 0 1 3.695-.709h.16a.43.43 0 0 0 .409-.08c1.518-1.667 3.994-4.403 5.881-6.45a35 35 0 0 1 2.477-2.597c.18-.11 1.757-.679 2.646-.998c0 .18 0 .38-.07.569a14 14 0 0 1-.42 1.847a.6.6 0 0 0 0 .29s.37 1.268.53 1.937l-.06.09h-1.628a.85.85 0 0 0-.529.21a1 1 0 0 0-.18.918q.175.621.42 1.218c0 .09.06.21.08.3a1 1 0 0 1-.2.06a11 11 0 0 1-1.448-.13a2 2 0 0 0-.31 0a.43.43 0 0 0-.409.32a1.1 1.1 0 0 0 0 .439c.09.44.34 1.378.42 1.917a3 3 0 0 1-.54-.11c-.739-.2-1.517-.559-1.657-.549a1 1 0 0 0-.51.31c-.429.42-1.308 1.388-2.057 2.227a.38.38 0 0 0 0 .429q.248.403.41.849q.17.428.27.878l.07.74a3.8 3.8 0 0 1-.19.958a5.6 5.6 0 0 1-.39.919a5.1 5.1 0 0 1-1.178 1.458a4.3 4.3 0 0 1-1.638.868a.301.301 0 0 0-.068.551a.3.3 0 0 0 .228.028a5.1 5.1 0 0 0 1.877-.998a5.7 5.7 0 0 0 1.348-1.618q.276-.478.46-.998a4.7 4.7 0 0 0 .19-1.209l-.07-.778a7 7 0 0 0-.6-1.748c.7-.759 1.468-1.588 1.868-1.997l.06-.05l.14.05q.726.326 1.497.53c.328.084.671.084.999 0a.48.48 0 0 0 .25-.24a1.1 1.1 0 0 0 0-.46c0-.41-.23-1.218-.35-1.787c.26 0 .59.08.889.1a1.68 1.68 0 0 0 1.308-.33a1 1 0 0 0 .11-.889c-.08-.35-.28-.798-.4-1.188a1.3 1.3 0 0 1-.06-.25h1.698a1.05 1.05 0 0 0 .819-.459a1 1 0 0 0 .09-.609" clip-rule="evenodd"/><path fill="currentColor" d="M11.44 5.11c.22 0 .58-1.169 1.329-1.838s1.358-.649 1.398-.939c.19-1.168-1.798-.26-2.277.48c-.48.739-.729 2.217-.45 2.296M9.903 4.58a.37.37 0 0 0 .26-.34a7.2 7.2 0 0 1 .309-2.296C11.032.906 12.389.516 12.299.246c-.16-.519-2.216.61-2.576 1.868c-.28.938-.14 2.526.18 2.466m10.105 6.141c-.14-.16.68-1.118.839-2.107c.19-1.168-.18-1.497 0-1.687c.889-.779 1.188 1.378.829 2.177c-.36.799-1.518 1.837-1.668 1.617m1.199 1.029a.38.38 0 0 1 .15-.39c.449-.369 1.427-.888 1.767-1.507c.579-.999.17-2.387.45-2.457c.518-.13.678 2.197-.18 3.176c-.65.749-2.078 1.428-2.188 1.178"/></svg>

كيفية استخدام أيقونة Login Logout Key

React

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

<Icon icon="streamline-freehand:login-logout-key" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:login-logout-key" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:login-logout-key" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--login-logout-key]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:login-logout-key"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-freehand:login-logout-key"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/login-logout-key.svg" alt="أيقونة Login Logout Key" width="24" height="24">

أيقونات ذات صلة في Freehand free icons

أيقونة Login Logout Key في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Login Logout Key

هل أيقونة Login Logout Key مجانية للاستخدام التجاري؟

نعم. تُنشر Freehand free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Login Logout Key في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-freehand:login-logout-key" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Login Logout Key إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-freehand/login-logout-key.svg" alt="أيقونة Login Logout Key">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Freehand free icons →