Add icons to this collection by clicking the heart icon.
Lock icon - also known as security, protection, lock, padlock, and ui. Created in a clean 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 46 46"
>
    <linearGradient
        id="a"
        x1="2.789"
        x2="43.425"
        y1="45.951"
        y2="6.249"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="3.686"
        x2="44.322"
        y1="46.87"
        y2="7.168"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="1.187"
        x2="41.823"
        y1="44.312"
        y2="4.61"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M32 20h-2v-3a7 7 0 0 0-14 0v3h-2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V21a1 1 0 0 0-1-1zm-14-3a5 5 0 0 1 10 0v3H18zm13 17H15V22h16z"
    />
    <path
        fill="url(#b)"
        d="M23 25a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#c)"
        d="M23 1a22 22 0 1 0 22 22A22.025 22.025 0 0 0 23 1zm0 42a20 20 0 1 1 20-20 20.023 20.023 0 0 1-20 20z"
    />
</svg>
More icons in the same style and category