Login 1 Solid アイコン
streamline-plump:login-1-solid
Login 1 Solid アイコン(streamline-plump:login-1-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- loginsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17.103 46.5c3.789 0 6.92-.211 9.186-.437c3.123-.312 5.516-2.716 5.78-5.855c.177-2.086.355-5.072.454-9.194l-6.639.241a164 164 0 0 1-.113 1.852c-.118 1.763-1.137 3.31-2.72 4.033c-1.616.737-3.503.469-4.917-.728c-1.04-.88-2.38-2.088-4.05-3.727c-2.819-2.766-4.296-4.807-5.067-6.132a5.05 5.05 0 0 1 0-5.109c.771-1.325 2.248-3.367 5.067-6.132c1.67-1.639 3.01-2.846 4.05-3.726c1.413-1.197 3.301-1.465 4.916-.728c1.584.723 2.603 2.27 2.72 4.033c.039.564.077 1.186.114 1.854l6.64.241c-.1-4.122-.278-7.108-.454-9.194c-.265-3.14-2.658-5.543-5.78-5.855a93 93 0 0 0-9.187-.437c-3.79 0-6.92.211-9.187.437c-3.123.312-5.516 2.716-5.78 5.855c-.264 3.123-.533 8.26-.533 16.208s.27 13.086.532 16.208c.265 3.14 2.658 5.543 5.78 5.855a93 93 0 0 0 9.188.437m5.676-13.593c-.097 1.45-1.596 2.154-2.706 1.215c-.977-.827-2.263-1.984-3.887-3.578c-2.67-2.62-3.966-4.453-4.575-5.5a2.05 2.05 0 0 1 0-2.09c.609-1.048 1.905-2.881 4.575-5.5c1.624-1.594 2.909-2.751 3.886-3.578c1.11-.94 2.61-.236 2.707 1.215c.084 1.27.174 2.842.238 4.551l21.507.782c1.25.046 2.348.869 2.493 2.112a12.5 12.5 0 0 1 0 2.928c-.145 1.243-1.242 2.066-2.493 2.112l-21.507.782c-.064 1.708-.154 3.28-.238 4.549" clip-rule="evenodd"/></svg>Login 1 Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:login-1-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:login-1-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:login-1-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--login-1-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:login-1-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:login-1-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/login-1-solid.svg" alt="Login 1 Solid アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Login 1 Solid アイコン
Login 1 Solid アイコン のよくある質問
Login 1 Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Login 1 Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:login-1-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Login 1 Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/login-1-solid.svg" alt="Login 1 Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。