Add icons to this collection by clicking the heart icon.
House icon - also known as job, keyboard, house, professions and jobs, freelance, stay at home, and work from home. 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="-6.863"
        x2="47.759"
        y1="54.293"
        y2="-2.43"
        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="-5.889"
        x2="48.734"
        y1="55.231"
        y2="-1.492"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-.942"
        x2="53.68"
        y1="59.994"
        y2="3.271"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-5.332"
        x2="49.29"
        y1="55.768"
        y2="-.955"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="8.658"
        x2="63.281"
        y1="69.239"
        y2="12.516"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="22.069"
        x2="76.691"
        y1="82.153"
        y2="25.43"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="4.139"
        x2="58.761"
        y1="64.888"
        y2="8.165"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="1.413"
        x2="56.036"
        y1="62.263"
        y2="5.54"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M17 12.58v2.71l14.51-8.16a.988.988 0 0 1 .98 0L47 15.29v-2.71L32 4.15z"
        />
        <path fill="url(#b)" d="M40 4v2.35l3 1.69V4z" />
        <path
            fill="url(#c)"
            d="M46 34V17.57l-14-8.4-14 8.4V34h10v-8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v8zM32 21a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
        />
        <circle cx="32" cy="17" r="2" fill="url(#d)" />
        <path
            fill="url(#e)"
            d="M4 36v18h3v-6.5A2.5 2.5 0 0 1 9.5 45a2.352 2.352 0 0 1 .54.06A2.5 2.5 0 0 1 12.5 43a2.352 2.352 0 0 1 .54.06 2.494 2.494 0 0 1 4.57-.89 2.429 2.429 0 0 1 .89-.17 2.5 2.5 0 0 1 2.5 2.5v2.55a2.734 2.734 0 0 1 .5-.05 2.5 2.5 0 0 1 2.5 2.5V54h17v-4.5a2.5 2.5 0 0 1 2.5-2.5 2.734 2.734 0 0 1 .5.05V44.5a2.5 2.5 0 0 1 2.5-2.5 2.429 2.429 0 0 1 .89.17 2.494 2.494 0 0 1 4.57.89 2.352 2.352 0 0 1 .54-.06 2.5 2.5 0 0 1 2.46 2.06 2.352 2.352 0 0 1 .54-.06 2.5 2.5 0 0 1 2.5 2.5V54h2V36zm5 4H7v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm14-2h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm-4-8h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm-4-8h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm-4-8h2v2h-2zm0 6v-2h2v2zm16 8H25v-2h14zm2-8h-2v-2h2zm0-4h-2v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2z"
        />
        <path
            fill="url(#f)"
            d="M54.17 57.45 56 54.7v-7.2a.5.5 0 0 0-1 0V50h-2v-4.5a.5.5 0 0 0-1 0V49h-2v-5.5a.5.5 0 0 0-1 0V49h-2v-4.5a.5.5 0 0 0-1 0V52h-2v-2.5a.5.5 0 0 0-1 0v5.96l2.55 1.71A1 1 0 0 1 46 58v4h8v-4a.967.967 0 0 1 .17-.55z"
        />
        <path
            fill="url(#g)"
            d="M19.45 57.17 22 55.46V49.5a.5.5 0 0 0-1 0V52h-2v-7.5a.5.5 0 0 0-1 0V49h-2v-5.5a.5.5 0 0 0-1 0V49h-2v-3.5a.5.5 0 0 0-1 0V50h-2v-2.5a.5.5 0 0 0-1 0v7.2l1.83 2.75A.967.967 0 0 1 11 58v4h8v-4a1 1 0 0 1 .45-.83z"
        />
        <path fill="url(#h)" d="M30 27h4v7h-4z" />
    </g>
</svg>
More icons in the same style and category