Add icons to this collection by clicking the heart icon.
Key Card icon - also known as travel, hotel, motel, vacation, holiday, and key card. 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"
        x1="4.858"
        x2="51.364"
        y1="59.293"
        y2="7.782"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".133" stop-color="#a617ff" />
        <stop offset=".477" stop-color="#6359e3" />
        <stop offset="1" stop-color="#5bcbfa" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="24.264"
        x2="70.771"
        y1="76.815"
        y2="25.304"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-4.663"
        x2="41.844"
        y1="50.698"
        y2="-.813"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="17.186"
        x2="63.693"
        y1="70.424"
        y2="18.913"
        href="#a"
    />
    <linearGradient
        id="e"
        x1=".551"
        x2="47.058"
        y1="55.405"
        y2="3.894"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="14.098"
        x2="60.605"
        y1="67.636"
        y2="16.125"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="29.582"
        x2="76.088"
        y1="81.615"
        y2="30.105"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-13.568"
        x2="32.939"
        y1="42.657"
        y2="-8.853"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="12.021"
        x2="58.528"
        y1="65.761"
        y2="14.25"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="13.405"
        x2="59.912"
        y1="67.01"
        y2="15.499"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M24 50h20.47l-.42-1.69-.53-1.31h-2.7A3 3 0 0 1 35 46V28a3 3 0 0 1 5.82-1H49V5a1 1 0 0 0-1-1H24a1 1 0 0 0-1 1v6h6.78a8 8 0 1 1 0 10H23v28a1 1 0 0 0 1 1zm0-10h2v2h-2zm0 4h2v3h3v2h-4a1 1 0 0 1-1-1z"
        />
        <path
            fill="url(#b)"
            d="M50 46a1.033 1.033 0 0 1-.71-.29l-2.72-2.72a1.211 1.211 0 0 0-1.98 1.3l1.34 3.34a.5.5 0 0 1 .04.13l1 4A.986.986 0 0 1 47 52v4h6v-2a.984.984 0 0 1 .2-.6l2.8-3.73v-7.39l-2.74-4.57-1.26-.84V44h1v2z"
        />
        <path fill="url(#c)" d="M17 19h18a3 3 0 0 0 0-6H17z" />
        <path
            fill="url(#d)"
            d="M46 40.65a3.284 3.284 0 0 1 1.99.92L50 43.59V29h-4z"
        />
        <path
            fill="url(#e)"
            d="M35 21h-2.31a6 6 0 1 0 0-10H35a5 5 0 0 1 0 10z"
        />
        <path
            fill="url(#f)"
            d="m43.94 41.17.06-.03V29h-1v13.16a3.281 3.281 0 0 1 .94-.99z"
        />
        <path fill="url(#g)" d="M45 58h10v2H45z" />
        <path fill="url(#h)" d="M6 13h9v6H6z" />
        <path
            fill="url(#i)"
            d="M38.79 27.42A.971.971 0 0 0 38 27a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1 .971.971 0 0 0 .79-.42A1.965 1.965 0 0 1 38 45V29a1.965 1.965 0 0 1 .79-1.58z"
        />
        <path fill="url(#j)" d="M40 29h1v16h-1z" />
    </g>
</svg>
More icons in the same style and category