Иконка Login Rectangle
streamline-freehand:login-rectangle
Иконка Login Rectangle (streamline-freehand:login-rectangle) — бесплатная 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
- Категория
- Основы интерфейса
- Теги
- loginrectangle
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.81 16.888a.38.38 0 0 0-.38.41a17 17 0 0 1-.08 3.065a3.36 3.36 0 0 1-.798 1.668c-.313.237-.68.391-1.069.45a19.4 19.4 0 0 1-5.553.42c-2.526-.14-5.093-.68-6.262-1.998a4.8 4.8 0 0 1-.539-1.998a50.6 50.6 0 0 1-.24-9.598c.083-1.852.347-3.692.79-5.492c.126-.67.434-1.291.888-1.798c.889-.71 2.996-.89 5.253-.86a32.5 32.5 0 0 1 7.65.86c.25.09.45.31.54.24c.167.481.248.988.24 1.498c0 .938-.06 1.997-.06 2.606a.34.34 0 0 0 .34.36a.35.35 0 0 0 .359-.34c0-.769.17-1.997.12-3.096a4.2 4.2 0 0 0-.29-1.428a1.7 1.7 0 0 0-.999-.63A32.5 32.5 0 0 0 8.85.02c-2.606-.1-4.993.18-6.052 1A4.8 4.8 0 0 0 1.44 3.444a27.3 27.3 0 0 0-.9 5.764a48.3 48.3 0 0 0 .31 9.887c.081.937.386 1.841.889 2.637c1.378 1.478 4.274 2.147 7.14 2.257c3.396.11 6.722-.6 7.361-1.349c.524-.594.87-1.325.999-2.107c.1-1.08.1-2.166 0-3.246a.4.4 0 0 0-.43-.4"/><path d="M23.152 9.567c-2.277.45-4.694.82-7.13 1.199c-1.569.25-3.157.509-4.725.669c-1.298.13-2.586.2-3.855.21l.89-.85c.698-.649 1.387-1.298 1.996-1.997l2.308-2.746a.37.37 0 0 0 0-.5a.36.36 0 0 0-.51 0L9.59 8.09c-.799.75-1.777 1.428-2.646 2.177a13 13 0 0 0-1.688 1.738a.8.8 0 0 0-.15.65a.85.85 0 0 0 .5.569c.15.07.449.11.589.19l1.278.918A29 29 0 0 1 9.88 16.33q.736.727 1.368 1.548a.4.4 0 0 0 .55.11a.41.41 0 0 0 .11-.56a15 15 0 0 0-1.339-1.758a28 28 0 0 0-2.327-2.297l-1.088-.879c1.697.15 3.403.17 5.103.06c.879-.06 1.748-.15 2.617-.27s1.718-.279 2.576-.469a70 70 0 0 0 5.873-1.598a.36.36 0 0 0 .25-.43a.34.34 0 0 0-.42-.219"/></g></svg>Как использовать иконку Login Rectangle
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:login-rectangle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:login-rectangle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:login-rectangle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--login-rectangle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:login-rectangle"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:login-rectangle"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/login-rectangle.svg" alt="Иконка Login Rectangle" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Login Rectangle в других наборах
Вопросы и ответы: Иконка Login Rectangle
Можно ли бесплатно использовать иконку Login Rectangle в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Login Rectangle в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:login-rectangle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Login Rectangle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/login-rectangle.svg" alt="Иконка Login Rectangle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.