Иконка Login 1 Flat
streamline-plump-color:login-1-flat
Иконка Login 1 Flat (streamline-plump-color:login-1-flat) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- loginflat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M26.29 46.063a93 93 0 0 1-9.187.437c-3.789 0-6.92-.211-9.186-.437c-3.123-.312-5.516-2.716-5.78-5.855c-.264-3.122-.534-8.26-.534-16.208s.27-13.085.533-16.208c.265-3.14 2.658-5.543 5.78-5.855a93 93 0 0 1 9.187-.437c3.79 0 6.92.211 9.187.437c3.123.312 5.516 2.716 5.78 5.855c.176 2.086.355 5.072.454 9.194l-6.639-.241c-.037-.668-.076-1.29-.113-1.854c-.118-1.764-1.137-3.31-2.721-4.033c-1.615-.737-3.503-.469-4.917.728c-1.04.88-2.38 2.087-4.05 3.726c-2.818 2.765-4.295 4.807-5.066 6.132a5.05 5.05 0 0 0 0 5.109c.771 1.325 2.248 3.366 5.066 6.132c1.67 1.64 3.01 2.847 4.05 3.727c1.415 1.197 3.302 1.465 4.917.728c1.584-.723 2.603-2.27 2.72-4.033c.038-.563.077-1.185.114-1.852l6.64-.241c-.1 4.122-.279 7.108-.454 9.194c-.265 3.14-2.658 5.543-5.78 5.855Z"/><path fill="#2859c5" d="M20.073 34.122c1.11.94 2.609.236 2.706-1.215c.084-1.268.174-2.84.238-4.55l21.507-.781c1.25-.046 2.348-.869 2.493-2.112a12.7 12.7 0 0 0 0-2.929c-.145-1.242-1.242-2.065-2.493-2.11l-21.507-.783a160 160 0 0 0-.238-4.55c-.097-1.452-1.597-2.156-2.707-1.216c-.977.827-2.262 1.984-3.886 3.577c-2.67 2.62-3.966 4.453-4.575 5.5a2.05 2.05 0 0 0 0 2.09c.609 1.047 1.905 2.88 4.575 5.501c1.624 1.594 2.91 2.751 3.887 3.578"/></g></svg>Как использовать иконку Login 1 Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:login-1-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:login-1-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:login-1-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--login-1-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:login-1-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:login-1-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/login-1-flat.svg" alt="Иконка Login 1 Flat" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Login 1 Flat в других наборах
Вопросы и ответы: Иконка Login 1 Flat
Можно ли бесплатно использовать иконку Login 1 Flat в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Login 1 Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:login-1-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Login 1 Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/login-1-flat.svg" alt="Иконка Login 1 Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.