Add icons to this collection by clicking the heart icon.
Birthday Card icon - also known as envelope, greeting, party, celebration, invitation, birthday card, and birthday and party. Created in a clean lineal color 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 128 128"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#b9d9ef" />
        <stop offset="1" stop-color="#9ecdef" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="60.013"
        x2="60.679"
        y1="12.144"
        y2="19.811"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#f08674" />
        <stop offset=".287" stop-color="#ed8272" />
        <stop offset=".585" stop-color="#e5756c" />
        <stop offset=".887" stop-color="#d86163" />
        <stop offset="1" stop-color="#d2575e" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="117.396"
        x2="139.253"
        y1="59.5"
        y2="59.5"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="61.352"
        x2="61.956"
        y1="-7.72"
        y2="8.276"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e2dcca" />
        <stop offset=".667" stop-color="#f4eadd" />
    </linearGradient>
    <linearGradient
        id="i"
        x1="64.947"
        x2="64.28"
        y1="15.091"
        y2="65.758"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".12" stop-color="#9ec8f0" />
        <stop offset="1" stop-color="#65b3e1" />
    </linearGradient>
    <linearGradient
        id="j"
        x1="54.386"
        x2="55.052"
        y1="12.633"
        y2="20.3"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="35.988"
        x2="32.738"
        y1="19.436"
        y2="7.311"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset=".04" stop-color="#fb9e4b" />
        <stop offset="1" stop-color="#ff965b" />
    </linearGradient>
    <linearGradient
        id="l"
        x1="44.412"
        x2="45.202"
        y1="17.574"
        y2="13.152"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient id="d">
        <stop offset="0" stop-color="#ffd5a3" />
        <stop offset="1" stop-color="#ffba76" />
    </linearGradient>
    <linearGradient
        id="m"
        x1="46.25"
        x2="43"
        y1="16.686"
        y2="4.561"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <linearGradient id="e">
        <stop offset="0" stop-color="#f1a800" />
        <stop offset=".997" stop-color="#ffb054" />
    </linearGradient>
    <linearGradient
        id="n"
        x1="53"
        x2="53"
        y1="22.188"
        y2="25.125"
        gradientUnits="userSpaceOnUse"
        href="#e"
    />
    <linearGradient
        id="o"
        x1="56.513"
        x2="53.263"
        y1="13.935"
        y2="1.81"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="p"
        x1="65.732"
        x2="66.522"
        y1="21.381"
        y2="16.959"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="q"
        x1="66.776"
        x2="63.526"
        y1="11.184"
        y2="-.941"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <linearGradient
        id="r"
        x1="75"
        x2="75"
        y1="22.188"
        y2="25.125"
        gradientUnits="userSpaceOnUse"
        href="#e"
    />
    <linearGradient
        id="s"
        x1="77.038"
        x2="73.788"
        y1="8.433"
        y2="-3.692"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="t"
        x1="87.053"
        x2="87.842"
        y1="25.188"
        y2="20.766"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="u"
        x1="68.388"
        x2="70.114"
        y1="29.588"
        y2="19.7"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#efd1b5" />
        <stop offset=".667" stop-color="#fcc8ad" />
    </linearGradient>
    <linearGradient
        id="v"
        x1="35"
        x2="93"
        y1="49"
        y2="49"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#906656" />
        <stop offset="1" stop-color="#725440" />
    </linearGradient>
    <linearGradient
        id="w"
        x1="64.309"
        x2="63.643"
        y1="74.464"
        y2="142.464"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <path
        fill="url(#f)"
        d="M126 58 69 6c-3.031-2.667-6.875-2.666-10 0L2 58l56 46c3.125 2.666 8.969 2.667 12 0z"
    />
    <path
        fill="url(#g)"
        d="M112 101H16V28c0-5.523 4.477-10 10-10h76c5.523 0 10 4.477 10 10z"
    />
    <path fill="url(#h)" d="M108 97H20V28a6 6 0 0 1 6-6h76a6 6 0 0 1 6 6z" />
    <path
        fill="url(#i)"
        d="M70 104c-3.031 2.667-8.875 2.666-12 0L2 58v58c0 5.523 4.477 10 10 10h104c5.523 0 10-4.477 10-10V58z"
    />
    <path
        fill="url(#j)"
        d="M70 76c-3.031-2.667-8.875-2.666-12 0L5.07 123.199A9.96 9.96 0 0 0 12 126h104a9.96 9.96 0 0 0 6.93-2.801z"
    />
    <path fill="url(#k)" d="M44 48h-4V36a2 2 0 1 1 4 0z" />
    <path fill="url(#l)" d="M42 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
    <path fill="url(#m)" d="M55 48h-4V36a2 2 0 1 1 4 0z" />
    <path fill="url(#n)" d="M53 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
    <path fill="url(#o)" d="M66 48h-4V36a2 2 0 1 1 4 0z" />
    <path fill="url(#p)" d="M64 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
    <path fill="url(#q)" d="M77 48h-4V36a2 2 0 1 1 4 0z" />
    <path fill="url(#r)" d="M75 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
    <path fill="url(#s)" d="M88 48h-4V36a2 2 0 1 1 4 0z" />
    <path fill="url(#t)" d="M86 26s-3 3-3 5 1.343 3 3 3 3-1 3-3-3-5-3-5z" />
    <path fill="url(#u)" d="M85 69H43a5 5 0 0 1-5-5V45h52v19a5 5 0 0 1-5 5z" />
    <path
        fill="url(#v)"
        d="M35 45v4c0 2 0 4 4 4 2 0 2.002-4 5-4 7.01 0 1.295 8 7.989 8 6.73 0-.989-8 5.999-8 2.999 0 2.999 4 5.999 4s3-2 6.001-2c2.999 0 2.999 4 5.997 4 3.001 0 3.001-4 6.003-4 3.003 0 5.01 3 8.013 3 2.432 0 3-1 3-3v-6a4 4 0 0 0-4-4H39a4 4 0 0 0-4 4z"
    />
    <path
        fill="url(#w)"
        d="M80 110H48c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2h32c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2z"
    />
    <g fill="#3a322b">
        <path
            d="M89 40v-4c0-.647-.211-1.243-.56-1.734C89.415 33.573 90 32.432 90 31c0-2.347-2.956-5.37-3.293-5.707a.999.999 0 0 0-1.414 0C84.956 25.63 82 28.653 82 31c0 1.432.585 2.573 1.56 3.266A2.983 2.983 0 0 0 83 36v4h-5v-4c0-.647-.211-1.243-.56-1.734C78.415 33.573 79 32.432 79 31c0-2.347-2.956-5.37-3.293-5.707a.999.999 0 0 0-1.414 0C73.956 25.63 71 28.653 71 31c0 1.432.585 2.573 1.56 3.266A2.983 2.983 0 0 0 72 36v4h-5v-4c0-.647-.211-1.243-.56-1.734C67.415 33.573 68 32.432 68 31c0-2.347-2.956-5.37-3.293-5.707a.999.999 0 0 0-1.414 0C62.956 25.63 60 28.653 60 31c0 1.432.585 2.573 1.56 3.266A2.983 2.983 0 0 0 61 36v4h-5v-4c0-.647-.211-1.243-.56-1.734C56.415 33.573 57 32.432 57 31c0-2.347-2.956-5.37-3.293-5.707a.999.999 0 0 0-1.414 0C51.956 25.63 49 28.653 49 31c0 1.432.585 2.573 1.56 3.266A2.983 2.983 0 0 0 50 36v4h-5v-4c0-.647-.211-1.243-.56-1.734C45.415 33.573 46 32.432 46 31c0-2.347-2.956-5.37-3.293-5.707a.999.999 0 0 0-1.414 0C40.956 25.63 38 28.653 38 31c0 1.432.585 2.573 1.56 3.266A2.983 2.983 0 0 0 39 36v4c-2.757 0-5 2.243-5 5v4c0 1.677.012 4.069 3 4.784V64c0 3.309 2.691 6 6 6h42c3.309 0 6-2.691 6-6v-9.071c2.627-.375 3-2.26 3-3.929v-6c0-2.757-2.243-5-5-5zm-3-12.525c.983 1.144 2 2.652 2 3.525 0 1.805-1.398 2-2 2s-2-.195-2-2c0-.874 1.017-2.381 2-3.525zM85 36c0-.551.449-1 1-1s1 .449 1 1v4h-2zm-10-8.525c.983 1.144 2 2.652 2 3.525 0 1.805-1.398 2-2 2s-2-.195-2-2c0-.874 1.017-2.381 2-3.525zM74 36c0-.551.449-1 1-1s1 .449 1 1v4h-2zm-10-8.525c.983 1.144 2 2.652 2 3.525 0 1.805-1.398 2-2 2s-2-.195-2-2c0-.874 1.017-2.381 2-3.525zM63 36c0-.551.449-1 1-1s1 .449 1 1v4h-2zm-10-8.525c.983 1.144 2 2.652 2 3.525 0 1.805-1.398 2-2 2s-2-.195-2-2c0-.874 1.017-2.381 2-3.525zM52 36c0-.551.449-1 1-1s1 .449 1 1v4h-2zm-10-8.525c.983 1.144 2 2.652 2 3.525 0 1.805-1.398 2-2 2s-2-.195-2-2c0-.874 1.017-2.381 2-3.525zM41 36c0-.551.449-1 1-1s1 .449 1 1v4h-2zm44 32H43c-2.206 0-4-1.794-4-4V54c1.459 0 2.198-1.207 2.792-2.176C42.485 50.693 42.962 50 44 50c2.677 0 2.849 1.208 3.133 3.21.271 1.907.68 4.79 4.856 4.79 1.506 0 2.564-.363 3.236-1.111.975-1.085.812-2.602.667-3.94-.106-.988-.217-2.009.186-2.457.289-.322.949-.492 1.909-.492.953 0 1.433.578 2.2 1.6.802 1.069 1.799 2.4 3.799 2.4 1.803 0 2.774-.647 3.555-1.168.698-.465 1.249-.832 2.446-.832.953 0 1.433.578 2.199 1.6.802 1.069 1.799 2.4 3.799 2.4s2.999-1.331 3.801-2.4c.767-1.022 1.247-1.6 2.202-1.6 1.225 0 2.327.66 3.493 1.358 1.035.62 2.185 1.298 3.521 1.542V64A4.007 4.007 0 0 1 85 68zm7-17c0 1.574-.249 2-2 2-1.225 0-2.327-.66-3.493-1.358-1.285-.769-2.742-1.642-4.52-1.642-2 0-2.999 1.331-3.801 2.4-.767 1.022-1.247 1.6-2.201 1.6-.953 0-1.433-.578-2.198-1.6-.802-1.069-1.8-2.4-3.799-2.4-1.803 0-2.774.647-3.555 1.168-.698.465-1.249.832-2.447.832-.953 0-1.433-.578-2.2-1.6-.802-1.069-1.799-2.4-3.799-2.4-1.588 0-2.699.378-3.397 1.156-.999 1.111-.833 2.65-.687 4.007.104.968.212 1.968-.167 2.39-.262.292-.867.447-1.747.447-2.44 0-2.595-1.091-2.876-3.071C48.834 50.966 48.414 48 44 48c-2.21 0-3.194 1.606-3.913 2.779C39.622 51.539 39.316 52 39 52c-.355 0-.665-.015-.941-.043-.021-.001-.038-.012-.059-.012-.007 0-.013.004-.019.004C36.002 51.723 36 50.739 36 49v-4c0-1.654 1.346-3 3-3h50c1.654 0 3 1.346 3 3z"
        />
        <circle cx="46" cy="45" r="1" />
        <circle cx="51" cy="49" r="1" />
        <circle cx="39" cy="48" r="1" />
        <circle cx="55" cy="45" r="1" />
        <circle cx="64" cy="47" r="1" />
        <circle cx="76" cy="50" r="1" />
        <circle cx="71" cy="45" r="1" />
        <circle cx="80" cy="46" r="1" />
        <circle cx="87" cy="45" r="1" />
        <circle cx="89" cy="50" r="1" />
        <path
            d="M80 101H48c-1.654 0-3 1.346-3 3v4c0 1.654 1.346 3 3 3h32c1.654 0 3-1.346 3-3v-4c0-1.654-1.346-3-3-3zm1 7c0 .552-.449 1-1 1H48c-.551 0-1-.448-1-1v-4c0-.552.449-1 1-1h32c.551 0 1 .448 1 1z"
        />
        <path
            d="M126.995 57.978c-.001-.048-.017-.093-.025-.14-.01-.058-.018-.115-.038-.171-.008-.023-.01-.047-.02-.069-.019-.043-.054-.078-.079-.119-.023-.037-.032-.079-.06-.114-.011-.013-.027-.018-.038-.031-.017-.018-.03-.038-.048-.055-.006-.005-.008-.013-.013-.018L113 44.787V28c0-6.065-4.935-11-11-11H82.541L69.661 5.249c-3.386-2.978-7.826-2.983-11.334.012L45.459 17H26c-6.065 0-11 4.935-11 11v16.787L1.326 57.261c-.006.005-.008.013-.013.018-.018.017-.031.037-.048.055-.011.012-.027.018-.038.031-.028.035-.037.077-.06.114-.025.041-.06.075-.079.119-.01.022-.012.046-.02.069-.02.057-.028.113-.038.171-.008.047-.024.092-.025.14-.001.007-.005.014-.005.022v58c0 3.079 1.275 5.863 3.321 7.861l.002.004c.003.004.008.005.011.008A10.954 10.954 0 0 0 12 127h104c2.98 0 5.684-1.196 7.667-3.128l.01-.007.002-.004A10.96 10.96 0 0 0 127 116V58c0-.008-.004-.015-.005-.022zm-2.522-.018L113 67.384v-19.89zM59.649 6.761c2.768-2.361 6.016-2.362 8.677-.022L79.574 17H48.426zM26 19h76c4.962 0 9 4.038 9 9v41.027l-2 1.643V28c0-3.86-3.14-7-7-7H26c-3.86 0-7 3.14-7 7v42.67l-2-1.643V28c0-4.962 4.038-9 9-9zm44.661 56.249c-3.432-3.02-9.776-3.024-13.326.005L41.629 89.259 21 72.313V28c0-2.757 2.243-5 5-5h76c2.757 0 5 2.243 5 5v44.313L86.371 89.258zM15 67.384 3.527 57.96 15 47.494zM3 60.116l37.119 30.49-34.987 31.198A8.96 8.96 0 0 1 3 116zM12 125a8.938 8.938 0 0 1-5.405-1.821l52.054-46.418c2.742-2.339 8.037-2.344 10.686-.015l52.071 46.433A8.943 8.943 0 0 1 116 125zm110.868-3.196L87.881 90.605 125 60.116V116a8.96 8.96 0 0 1-2.132 5.804z"
        />
    </g>
</svg>
More icons in the same style and category