Add icons to this collection by clicking the heart icon.
Father And Son icon - also known as people, man, boy, avatar, family, and father and son. Created in a clean gradient style with a white and olive finish, 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="#ff94cc" />
        <stop offset="1" stop-color="#ff39a1" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="153.869"
        x2="242.679"
        y1="375.99"
        y2="375.99"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9d3d1a" />
        <stop offset="1" stop-color="#3a172b" />
    </linearGradient>
    <path
        d="M198.274 182.415c-24.485 0-44.405-19.92-44.405-44.405s19.92-44.405 44.405-44.405 44.405 19.92 44.405 44.405-19.92 44.405-44.405 44.405z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="150.697"
        x2="245.85"
        y1="162.213"
        y2="162.213"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0272aa" />
        <stop offset="1" stop-color="#01375f" />
    </linearGradient>
    <path
        d="M198.274 294.006v-2.482l-3.319 1.328-22.055-7.672 2.919 15.326-25.122 10.048 6.889 107.841h81.375l6.889-107.841z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="147.67"
        x2="241.86"
        y1="261.172"
        y2="261.172"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#01538d" />
        <stop offset="1" stop-color="#001a31" />
    </linearGradient>
    <path
        d="M264.881 310.554H226.82l-19.031-57.726 19.031-57.726h38.061v115.452z"
        fill="url(#d)"
    />
    <linearGradient
        id="e"
        x1="147.67"
        x2="241.86"
        y1="261.172"
        y2="261.172"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#01538d" />
        <stop offset="1" stop-color="#001a31" />
    </linearGradient>
    <path
        d="M131.667 195.102h38.061l19.031 57.726-19.031 57.726h-38.061V195.102z"
        fill="url(#e)"
    />
    <path d="M198.274 195.102h-28.546v115.452h57.092V195.102z" fill="#f3edee" />
    <linearGradient
        id="f"
        x1="292.97"
        x2="371.275"
        y1="162.213"
        y2="162.213"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#05ceff" />
        <stop offset="1" stop-color="#01538d" />
    </linearGradient>
    <path
        d="M332.122 295.158v-9.978l-9.582 6.21-15.792-6.21 2.788 14.638-16.566 10.736 6.889 107.841h64.527l6.889-107.841z"
        fill="url(#f)"
    />
    <circle cx="332.12" cy="216.35" r="37.11" fill="#ce5011" />
    <linearGradient
        id="g"
        x1="283.912"
        x2="380.333"
        y1="206.617"
        y2="206.617"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffedba" />
        <stop offset="1" stop-color="#ffc65c" />
    </linearGradient>
    <path d="M332.122 266.15h-48.21v82.466H380.333V266.15z" fill="url(#g)" />
</svg>
More icons in the same style and category