Add icons to this collection by clicking the heart icon.
Mortgage icon - also known as home, house, contract, property, real estate, and mortgage. 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="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="74.981"
        x2="437.019"
        y1="439.019"
        y2="76.981"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5e79ff" />
        <stop offset="1" stop-color="#041fa8" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="116.66"
        x2="395.35"
        y1="254.035"
        y2="254.035"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#9cfdff" />
    </linearGradient>
    <path d="M116.66 99.43h278.69V420.5H116.66z" fill="url(#b)" />
    <linearGradient
        id="c"
        x1="116.66"
        x2="395.35"
        y1="396.515"
        y2="396.515"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8dfcff" />
        <stop offset="1" stop-color="#00a7ad" />
    </linearGradient>
    <path d="M116.66 93.64h278.69v47.69H116.66z" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="167.67"
        x2="343.1"
        y1="420.36"
        y2="420.36"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#00f8fe" />
    </linearGradient>
    <path d="M157.55 66h32.643v55.28H157.55z" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="167.67"
        x2="343.1"
        y1="420.36"
        y2="420.36"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#00f8fe" />
    </linearGradient>
    <path d="M239.68 66h32.643v55.28H239.68z" fill="url(#e)" />
    <linearGradient
        id="f"
        x1="167.67"
        x2="343.1"
        y1="420.36"
        y2="420.36"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#00f8fe" />
    </linearGradient>
    <path d="M321.81 66h32.643v55.28H321.81z" fill="url(#f)" />
    <linearGradient
        id="g"
        x1="202.31"
        x2="309.7"
        y1="253.555"
        y2="253.555"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffe047" />
        <stop offset="1" stop-color="#ffaa20" />
    </linearGradient>
    <path d="M202.31 215.24H309.7v90.41H202.31z" fill="url(#g)" />
    <linearGradient
        id="h"
        x1="190.18"
        x2="321.82"
        y1="322.831"
        y2="322.831"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff2929" />
        <stop offset="1" stop-color="#901" />
    </linearGradient>
    <path d="M190.18 217.671 256 164.667l65.82 53.004z" fill="url(#h)" />
    <linearGradient
        id="i"
        x1="235.237"
        x2="272.236"
        y1="438.788"
        y2="76.749"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5e79ff" />
        <stop offset="1" stop-color="#041fa8" />
    </linearGradient>
    <path d="M237.5 251.08h36.997v54.57H237.5z" fill="url(#i)" />
    <linearGradient
        id="j"
        x1="179.411"
        x2="369.587"
        y1="176.74"
        y2="176.74"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff2929" />
        <stop offset="1" stop-color="#901" />
    </linearGradient>
    <path
        d="m369.587 293.827-47.274 3.252 14.585 16.658-60.081 39.435-29.099-26.498-68.307 43.139 7.186 10.879 58.923-36.939 29.076 26.474 70.973-46.586 14.548 16.616z"
        fill="url(#j)"
    />
</svg>
More icons in the same style and category