Add icons to this collection by clicking the heart icon.
Login icon - also known as business, security, key, sign in, password, login, business and finance, and fintech. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#a7adf0" />
        <stop offset="1" stop-color="#e0e0e2" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="13.519"
        x2="64.534"
        y1="58.481"
        y2="7.466"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="20.293"
        x2="59.707"
        y1="51.707"
        y2="12.293"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#005ece" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="32.836"
        x2="47.164"
        y1="34.836"
        y2="20.507"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#57a4ff" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="38.293"
        x2="41.707"
        y1="5.707"
        y2="2.293"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="38.293"
        x2="41.707"
        y1="61.707"
        y2="58.293"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="11.882"
        x2="37.57"
        y1="56.844"
        y2="31.156"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a258cd" />
        <stop offset=".277" stop-color="#a45bce" />
        <stop offset=".471" stop-color="#a964d1" />
        <stop offset=".64" stop-color="#b174d5" />
        <stop offset=".795" stop-color="#bd89dc" />
        <stop offset=".939" stop-color="#cda6e4" />
        <stop offset="1" stop-color="#d5b4e8" />
    </linearGradient>
    <path
        fill="url(#c)"
        d="M55 0H25c-2.757 0-5 2.243-5 5v27.688A11.804 11.804 0 0 0 16 32C9.383 32 4 37.383 4 44s5.383 12 12 12c1.381 0 2.721-.23 4-.688V59c0 2.757 2.243 5 5 5h30c2.757 0 5-2.243 5-5V5c0-2.757-2.243-5-5-5zM13 45c0 1.103-.897 2-2 2s-2-.897-2-2v-2c0-1.103.897-2 2-2s2 .897 2 2z"
    />
    <path
        fill="url(#d)"
        d="M55 8H25a1 1 0 0 0-1 1v46a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#e)"
        d="m46.071 29.629-3.143-1.258C42.418 28.167 42 27.55 42 27v-.555c1.19-.693 2-1.969 2-3.445v-4a4 4 0 0 0-8 0v4c0 1.477.81 2.752 2 3.445V27c0 .55-.418 1.167-.929 1.371l-3.143 1.258c-.51.204-.928.821-.928 1.371v4h14v-4c0-.55-.418-1.167-.929-1.371z"
    />
    <path fill="url(#f)" d="M42 5h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
    <path fill="url(#g)" d="M42 61h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
    <path
        fill="url(#h)"
        d="m49.707 43.293-4-4A1 1 0 0 0 45 39H26.901A11.922 11.922 0 0 0 16 32C9.383 32 4 37.383 4 44s5.383 12 12 12c4.74 0 8.947-2.726 10.901-7H30a1 1 0 0 0 1-1 1.001 1.001 0 0 1 2 0 1 1 0 0 0 1 1h4a1 1 0 0 0 1-1 1.001 1.001 0 0 1 2 0 1 1 0 0 0 1 1h3a1 1 0 0 0 .707-.293l4-4a.999.999 0 0 0 0-1.414zM13 45c0 1.103-.897 2-2 2s-2-.897-2-2v-2c0-1.103.897-2 2-2s2 .897 2 2z"
    />
</svg>
More icons in the same style and category